Goals
Design the entire end-to-end app experience.
Develop the app full-stack, leveraging AI tools (vibe coding).
Build a brand and UI design system.
Features + Flows
Discovery to Arrival
Search
Substitute Suggestions
Role
Product/UXUI Designer
Design Engineer
Vibe Coding Developer
Duration
Jul - Aug, 2026
(1 month)
1
Plan the development
Elevated app concepts, identified market gap, defined product development roadmap.
2
Source data
Defined necessary data attributes, leveraged Cursor, and wrote and ran scripts to pull cafe data via Google API.
3
Clean up and enrich metadata
Cleaned up draft data pulling from Google API, removed junk and repeated results, and added empty columns for missing attributes.
Enriched data, pulled attributes from reviews by mining review text in Claude.
Manually verify and correct ambiguous tags and finalise the data spreadsheet.
4
UXUI design and design system building
Designed end-to-end experience, built brand system and UI design system.
5
Front-end development
Use Figma x Cursor MCP to turn screens, flows, and logic into front-end code directly.
6
Back-end development
Prompted Cursor to build the backend on Vercel.
7
Deploy on Vercel
Prompted Cursor to build the backend on Vercel.
8
Next Step: V2 iteration in progress
Say Hi! 👋