Work
Money Management
A comprehensive Project Financial Management System designed to streamline and automate financial workflows, replacing manual Excel processes with a centralized, efficient solution.
Role: Full-Stack Developer
React 19TypeScriptFastifyPostgreSQLPrisma ORMDockershadcn/uiTailwind CSSReact Hook FormZod
- Engineered an end-to-end Project Financial Management System using React 19, TypeScript, and Fastify, successfully migrating the company's manual Excel-based workflow to a centralized PostgreSQL database, establishing a "Single Source of Truth" for all financial data.
- Architected a scalable Backend based on Layered Architecture and Dependency Injection, utilizing Prisma ORM and Materialized Views to handle complex financial reporting queries with real-time performance instead of batch processing.
- Deployed and Delivered a containerized solution using Docker & Docker Compose for on-premise infrastructure, achieving 100% delivery of MVP features and automated database backup mechanisms.
- Built a highly accessible and responsive UI system with shadcn/ui and Tailwind CSS. Developed complex financial forms integrated with React Hook Form and Zod schema validation, ensuring 100% data accuracy on the client side before submission.
TVE Technical
Company website with accessibility focus, multilingual support, and headless CMS architecture.
Role: Full-Stack Developer
Next.jsTypeScriptTailwind CSSGraphQLVercelWordPressTanStack Queryi18nextshadcn/ui
- Achieved 100/100 Lighthouse performance score and reduced First Contentful Paint by 40% through optimization
- Built headless WordPress CMS with 5+ custom content types for non-dev content management and flexibility
- Implemented TanStack Query data-fetching strategy, reducing client-side API requests by 60% for better performance
- Designed CI/CD workflow across Vercel, Render, and TiDB for streamlined team deployment and automated testing
- Built site-wide search system with <200ms response time and enhanced user experience features
- Integrated i18next for multilingual support (EN & VN) with future scalability in mind and SEO benefits
Laandlin Mobile App
React Native e-commerce mobile application with Node.js/Express backend and modern UI patterns for seamless shopping.
Role: Mobile Developer
React NativeNode.jsExpressMongoDBVercelExpoTypeScript
- Implemented JWT authentication and secure user management
- Built product filtering & recommendation algorithms
- Optimized API response time from 800ms to 210ms (73% improvement)
- Deployed scalable backend infrastructure on Vercel
- Cross-platform compatibility for iOS and Android
Personal Portfolio Website
Modern portfolio website showcasing projects and skills with neobrutalism design and interactive features.
Role: Frontend Developer
Next.jsReactTypeScriptTailwind CSSshadcn/uiFramer MotionreCAPTCHA v3
- Responsive neobrutalism design with dark/light theme support
- Interactive contact form with reCAPTCHA v3 integration
- Performance-optimized with Next.js 15 and modern React patterns
- Accessibility-compliant components using shadcn/ui
- Deployed on Vercel with automatic CI/CD integration
Laandlin E-Commerce Website
Full-featured e-commerce website with performance optimization and modern React architecture.
Role: Frontend Developer
ReactTailwind CSSTypeScriptReduxVite
- Complete e-commerce functionality: catalog, search, cart, checkout
- Consistent design system with unified color palette across 25+ pages
- Bundle size optimization from 20MB to 2MB (90% reduction)
- Improved load performance by 90% through code splitting and lazy loading
- State management with Redux for complex user interactions