Loading
All work
Full-stack milestone
Product Store
First full-stack app, shipped end to end
Product Store was the milestone project: the first time the frontend, a self-written API, and a real database were connected and deployed together instead of stopping at a local prototype.
The app lets visitors browse a product catalog in a responsive grid, open a product to see its price, description, and image, and relies on MongoDB so the catalog persists rather than resetting on every reload.
Building it meant working through the full loop a production app requires: designing the API contract, wiring the Express backend to MongoDB, consuming that API from Next.js, and finally deploying the result on Vercel for anyone to use.
Key features
- Responsive product grid across mobile, tablet, and desktop
- Product detail view with price, description, and imagery
- Persistent storage via MongoDB instead of static/mock data
- REST API layer separating frontend and backend concerns
Challenges solved
- Connecting a self-hosted Express API to a Next.js frontend cleanly, without leaking backend concerns into UI code
- Structuring MongoDB documents so the catalog stayed easy to query and extend
What it taught me
- How to connect a backend and frontend efficiently as one working system
- What it actually takes to deploy an application for the public to use, not just run it locally
- The shape of a real-world, user-facing web app end to end
More like this
Featured
Live
Dental Clinic
A clean clinic website with a live preview and no code link
A polished dental clinic website built with Next.js, Tailwind CSS, Git, and Vercel — focused on presentation, trust, and a simple live preview experience.
Next.js
Tailwind CSS
Git
Vercel
Featured
Live
1Hackathon E-Commerce
A complete storefront, built under a hackathon clock
Listings, cart, and checkout flow built with Next.js, TypeScript, Tailwind, and shadcn/ui — shipped end-to-end under hackathon time pressure.
Next.js
TypeScript
Tailwind CSS
shadcn/ui