Work20
Coffee Shop: Coffee Culture
A MERN stack coffee shop e-commerce site with product browsing, cart, and session-based user authentication.
The project
Coffee Culture is a full e-commerce website for a coffee shop, built with the MERN stack (MongoDB, Express, React, Node.js).
It lets customers browse a coffee product catalog, add items to a cart, and check out. The cart works for both guests (saved in localStorage) and logged-in users (synced with the database), so nobody loses their cart items.
Key features:
- Session-based login and signup using Passport.js, with sessions stored in MongoDB
- Optimistic UI updates when adding items to cart, so the app feels fast
- Separate admin panel for managing coffee products (create, update, delete)
- Backend built with a clean layered structure (routes, controllers, services, models)
- Security measures like input validation, rate limiting, and password hashing
- Deployed as a serverless API on Vercel, with the frontend hosted on Netlify
Next project
All work