ChopChop Coffee
~/A serverless full-stack coffee shop e-commerce platform with QR code table ordering, a complete admin dashboard, and a theme customization system.
Context & Problem
The Challenge
Small coffee shops often lack affordable digital solutions for managing orders, reservations, and menus. Existing platforms are either too expensive or too generic, failing to capture the unique brand identity that makes each shop special.
The Solution
ChopChop Coffee delivers a complete e-commerce experience with interactive menu browsing, session-persisted cart, QR code table ordering, and secure authentication. The admin dashboard provides real-time statistics, menu management with image support, order tracking, and payment verification. A custom theme system lets each shop maintain its unique visual identity.
Visual Showcase
The Logic
Complete application flow covering QR table ordering, customer checkout, payment processing, admin management, and testimonial moderation.
Entry Point - Scan QR Meja
Architecture & Tech Stack
Tech Stack Used
Next.js
React 19
Tailwind CSS v4 Next.js API Routes
JWT Auth
QRIS Payment
MongoDBKey Takeaways
This full-stack project sharpened my skills in building production-ready applications end-to-end. Implementing a custom theming system with CSS variables taught me how design systems work at a technical level, and building the admin dashboard gave me insight into the operational needs behind consumer-facing products.
People Behind the Project
Muhammad 'Azmi Salam
Full-Stack Developer
