Personal Website Project
SecretMenu: Fullstack Web App for Food Discovery
Build a mobile-first food discovery app with Next.js and MongoDB. Features randomizer, user collections, and region-specific dining data.
Next.jsMongoDBFullstackFood AppMobile-first
Project Case Study
"A fun app that reveals secret, off-menu drinks at popular coffee shops and gives you the exact words to tell the barista so you get the perfect drink every time."
1. The Problem (Why I Built This)
Fans create amazing custom drink recipes on TikTok and Instagram, but finding and ordering them is hard:
- Scattered Recipes: Secret drink recipes are spread across thousands of social media videos with no central search engine.
- Ordering Anxiety: Customers don't know the proper coffee terminology to order customized drinks without confusing the barista.
2. How I Solved It (Under The Hood)
I created a modern full-stack web app optimized for fast discovery:
- Fast Keyword & Ingredient Search: Instant client-side filtering by base drink, flavor syrups, and calorie ranges.
- "How to Order" Script Generator: Breaks down complex recipes into clear, step-by-step phrases you can read out loud to staff.
- Optimistic Community Voting: Instant bookmarking and upvoting with zero page reloads.
3. Key Takeaway & Results
- Speed: Sub-50ms instant search across 100+ curated secret recipes.
- Usability: Zero ordering errors with foolproof barista-friendly scripts.