Challenge
A small coffee shop needs one place to show its story, its menu, and how to order.
2025 · Web
MR.COFFEE
A coffee shop concept website with brand story, filterable menu, and a fast path to order. Live on Vercel since May 2025.
Role: Frontend Developer (solo)
Team: Personal project
Stack: HTML, CSS, JavaScript, GitHub, Vercel
Solution
Built a site with an "Order Now" CTA, a 10-item menu filtered by Coffee, Non-Coffee, and Snack, an order page linked from every product, and a contact section with Google Map.
Key features
Hero with Order Now
A clear ordering call to action on the first screen.
Filterable menu
10 items filtered by Coffee, Non-Coffee, and Snack.
Order page
Every product links to the order page.
Contact & Google Map
Contact form and an embedded location map.
Outcome
A live site with auto-deploys from GitHub to Vercel. Key lessons: filters speed up menu scanning, every page needs one clear action, and a live site exposes real problems.