NgopiGo
Intuitive online coffee ordering platform eliminating long queues during peak coffee shop hours.
- Role
- Full-Stack Developer · Solo
- Timeline
- 2025
- Status
- Live
- Stack
- Laravel
- PHP
- MySQL
- Tailwind CSS
- JavaScript
Context
Long coffee shop queues discourage customers from ordering during rush hours.
NgopiGo provides a fast online ordering portal allowing customers to pick items and order before arriving at the venue.
Problem
Manual ordering at POS counters causes delay and queue uncertainty.
Physical menus often fail to present customization options clearly.
Solution
Developed a web-based coffee ordering platform with structured product categories (Coffee, Non-Coffee, Pastry).
Built custom order options (sweetness level, ice, size) and an interactive cart with real-time price calculations.
My Contribution
Developed the entire application independently from backend architecture, MySQL database, to frontend UI.
Designed a responsive, mobile-first ordering flow optimized for smartphone viewports.
Results & Impact
- Streamlined digital coffee ordering workflow.
- Instant checkout experience with user-friendly navigation.
- Open Source Repository on GitHub: github.com/abnibsth/ngopi-go.
Technical Decisions
Shopping Cart State Management
Implemented local state management for instant cart item tracking and real-time variation calculations without server latency.
Mobile-First Design with Tailwind CSS
Utilized Tailwind CSS to build a clean mobile ordering UI with large touch targets and category navigation.
Challenges & Learnings
Handling Flexible Beverage Customizations
Different beverages required different option sets. I designed flexible database table schemas to store custom options without corrupting price calculations.
Visual Showcase