2026En cursoPersonal

Maridaje de ingredientes

Diseñé este proyecto personal para explorar combinaciones de ingredientes desde una interfaz responsive pensada para tablet, con Firebase, prototipado en Google Stitch y un atlas visual propio.

Mi aporte
Diseñé la interfaz y construí un explorador de ingredientes con Firebase y un atlas visual propio.
Para quién
Proyecto personal de exploración culinaria pensado para tablet.
Alcance
Producto en desarrollo con vistas de ingredientes, combinaciones y platos.

Lectura del caso

App de maridajes con UI responsive basada en tablet, prototipado en Google Stitch, Firebase/Firestore y atlas visual de ingredientes.

Prototipo
Google Stitch
Base
Firestore
Auth
Firebase
Visual
Ingredientes y platos generados

Foodpairing Touch Atlas

Capturas y visuales del proyecto local que incluyen la exploración aromática, el laboratorio de combinaciones, la vista Pro y las imágenes de ingredientes generadas para la app.

Visuales del proyecto

Producto

La ficha muestra la capa visual de la app mediante la interfaz tablet, el atlas de ingredientes y los resultados generados para combinaciones culinarias.

Pantalla de Foodpairing Touch Atlas con listado de ingredientes y detalle de kiwi.
Atlas aromático
Pantalla de ideas de platos con combinaciones visuales de ingredientes.
Ideas de platos
Pantalla de laboratorio de combinación con score de afinidad.
Laboratorio
Pantalla de Foodpairing Pro con receta y análisis aromático.
Vista Pro

Ingredientes

Imagen generada de albahaca.
Basil
Imagen generada de naranja sanguina.
Blood orange
Imagen generada de trufa negra.
Black truffle
Imagen generada de arándanos.
Blueberry
Imagen generada de semillas de cardamomo.
Cardamom
Imagen generada de semillas de coriandro.
Coriander
Imagen generada de palta.
Avocado
Imagen generada de manzana.
Apple

Platos

Plato generado con pomelo y albahaca.
Pomelo y basil
Plato generado con kiwi y ostra.
Kiwi y ostra

Decisiones del caso

Experiencia

La interfaz permite explorar ingredientes, familias aromáticas y combinaciones desde una pantalla amplia, con foco táctil y lectura visual.

Imagen

El proyecto incluye un banco propio de imágenes de ingredientes, pantallas de Google Stitch y platos generados para probar cómo la app comunica sabor, textura y afinidad.

Facetas

Desarrollo con IAArte e imagen

Herramientas

Google Stitch
prototipado visual de las pantallas antes de codear
Firebase + Firestore
auth y sincronización de favoritos entre dispositivos
React
UI responsive con las ruedas aromáticas en SVG
Generación de imagen agéntica
atlas visual consistente de ingredientes y platos