POMPKINS Food

My Role

Sole frontend developer — built the consumer food ordering platform from scratch. The platform handles three distinct ordering contexts — standard delivery/pickup, QR-based table dine-in, and QR-based hotel room service — each with its own layout, flow, and UX requirements.

What I Built

• Food discovery — landing page, nearby merchant map with Google Maps, merchant pages with menu browsing and search
• Order flows — cart, checkout, payment, real-time order status tracking, and order history
• QR table ordering — scan QR at table → browse menu → add to cart → checkout → check bill
• QR hotel room service — scan QR in room → set room number → browse menu → place order → track status
• User features — profile, favorites, membership, push notification testing, bill export as image
• Mobile-first responsive layouts across all ordering flows

Technical Highlights

• Three ordering contexts — delivery/pickup, table QR (/table-merchant/), and hotel QR (/hotel-service/) each with independent layout trees via Next.js route groups, sharing cart and order logic
• axios-cache-interceptor layered over SWR for aggressive caching on high-read menu and merchant data
• QR code generation for table and hotel order entry links
• html2canvas for client-side bill and receipt export as downloadable image
• Firebase + next-auth dual auth — Firebase for identity, next-auth for session management
• React 19 + Next.js 15 in production — an early adoption of this stack at the time of deployment

Screenshots