FoodCart
Role:
Fullstack Developer
Time size:
4
Duration:
January 2025 – August 2025
Tech Stack:
- Vue 3
- TypeScript
- PrimeVue
- Tailwind CSS
- Pinia
- TanStack Query
- VeeValidate
- Motion
Responsibilities
- Built the UI with PrimeVue and Tailwind; kept layouts clean and consistent.
- Managed state with Pinia and set up data fetching/caching using TanStack Query.
- Added form rules and error states with VeeValidate.
- Used Motion for subtle animations in key parts.
Challenges
- Adopting a new stack (Vue 3 + Pinia + TanStack Query) and internal conventions quickly.
- Balancing PrimeVue components with Tailwind design tokens while keeping accessibility in check.
- Designing store/query boundaries to avoid redundant requests and stale data in cart/checkout flows.
Achievements
- Ramp-up from zero to productive with Vue 3 (Composition API + script setup) and the ecosystem in a short time.
- Delivered an end-to-end shopping flow (browse → filter → cart → checkout) with resilient validation.
- Established reusable UI patterns/components that speed up new page development.
- Improved perceived performance via route/code splitting and smart query caching.
Deploy: