matchamap

matchamap is the app for people who take their matcha seriously. Find the best matcha near you, filter by drink type, and browse a ranked leaderboard built from real user reviews and Google ratings. All wrapped in a clean, bubbly mobile experience that makes discovering your next favourite sip feel effortless.

The review flow lets users rate matcha quality, taste, and value, and tag their experience with honest descriptors like "hidden gem" or "worth the wait", building a community-driven guide that actually means something.

The entire app (logo, UI system, interactive prototype, and portfolio mockups) was designed and built through Claude (Anthropic) using a vibe-coding workflow. No Figma. No IDE. Just natural language prompts iterated in real time. The prototype runs on HTML/CSS/JavaScript, the mobile layout follows native iOS conventions, and the final mockup images were rendered with Playwright headless Chromium.