Ingredient Pairing
I designed this personal project for exploring ingredient combinations through a tablet-first responsive interface, with Firebase, Google Stitch prototyping and a custom visual atlas.
- My contribution
- I designed the interface and built an ingredient explorer with Firebase and a custom visual atlas.
- Who it serves
- A personal culinary exploration project designed for tablets.
- Scope
- A product in development with ingredient, pairing and dish views.
Case overview
Pairing app with tablet-based responsive UI, Google Stitch prototyping, Firebase/Firestore and a visual ingredient atlas.
- Prototype
- Google Stitch
- Database
- Firestore
- Auth
- Firebase
- Visual
- Generated ingredients and dishes
Foodpairing Touch Atlas
Screens and visuals from the local project covering aroma exploration, the pairing lab, Pro view and generated ingredient images for the app.
Product
This case shows the app's visual layer through the tablet interface, ingredient atlas and generated outputs for culinary pairings.
Ingredients
Dishes
Case decisions
Experience
The interface lets users explore ingredients, aroma families and combinations from a larger screen, with touch-first interaction and visual reading.
Image
The project includes its own ingredient image set, Google Stitch screens and generated dishes to test how the app communicates flavor, texture and affinity.
Facets
Tools
- Google Stitch
- visual prototyping of the screens before coding
- Firebase + Firestore
- auth and favorite syncing across devices
- React
- responsive UI with the SVG aroma wheels
- Generación de imagen agéntica
- consistent visual atlas of ingredients and dishes