Back to projects
Project
vm_app (frontend)
Full Stack DeveloperDecember 2025 – Present
Frontend implementation for vm_app with a responsive, component-driven UI, client-side routing, API integration, and performance and accessibility optimizations.
Highlights
- Objective: Deliver a fast, accessible, and maintainable frontend for vm_app integrated with backend services.
- Dataset: Client-facing data fetched from REST or GraphQL APIs and cached on the client.
- Approach: Component-driven architecture with responsive-first layouts and design tokens.
- Models / Methods: Client-side caching, optimistic UI updates, code-splitting, lazy loading, and image optimization.
- Evaluation: Bundle size, LCP, TTI, and accessibility score.
- Pipeline & Reproducibility: Local development with npm, CI for linting and tests, environment-based configs.
- Deliverables: Reusable components, documented UI patterns, tests, and production build.
- Role & Contributions: Implemented UI, routing, state management, accessibility, tests, and CI.
- Impact / Outcome: Improved perceived performance and reduced UI defects.
- Link: https://github.com/vinmake-tech/vm_app
What it includes
- Responsive mobile-first UI with reusable components
- Client-side routing and deep-linkable pages
- Form handling and validation
- Backend API integration
- Performance optimizations with lazy loading
- Accessibility improvements with ARIA and semantic HTML
- Unit and integration tests
- CI checks for linting, types, and tests
Built with
ReactTypeScriptVite / WebpackTailwind CSS / CSS ModulesReact RouterAxios / fetch (API integration)Jest / React Testing LibraryESLint / PrettierCypress (E2E)Netlify / Vercel (hosting)