App web · Proyecto propio
Què hi ha a la nevera?
Una app web para aprovechar lo que hay en casa: explicas qué tienes —escrito, dictado o con una foto— y una IA te propone tres recetas. Delante, una nevera en 3D que se abre y se ilumina mientras escribes.
- Cliente
- Proyecto propio
- Año
- 2026
- Qué hice
- Idea, diseño, 3D y desarrollo
- Tecnología
- Three.js, Supabase y Gemini
- En línea
- que-hi-ha-a-la-nevera.vercel.app
En uso La bienvenida y la entrada: la madre abre la nevera y, dentro de la app, la nevera se ilumina mientras escribes.
El encargo
Una figura de vinilo abre la nevera
La primera vez, la nevera está cerrada y entra la madre, una figura en 3D de estilo art toy: abre la puerta tirando del tirador, coge la manzana del estante del medio, cierra y le da un mordisco. Los pies pisan de verdad y las manos llegan a las cosas.
Después la nevera se abre del todo y entra la app. Cuanto más escribes y añades, más se abre y más luz da; mientras cocina, la luz se vuelve cálida.
Las decisiones
Tres decisiones que explican el resto
-
a
Abierta sin cuenta
Pedir recetas, la foto de la nevera y el dictado no piden nada. La cuenta, solo con Google, es para guardar, valorar y planificar la semana.
-
b
Solo lo que tienes
Las recetas usan lo que hay en la nevera y los básicos marcados, sin «te falta…». Las alergias de casa van obligatorias en cada petición.
-
c
Siete IA en fila
Gemini primero y seis IA gratuitas detrás: si una se queda sin cuota, responde la siguiente. La última no pide clave.
En cifras
Tres recetas, tres idiomas
Medido con Lighthouse en móvil. Es una app: no se deja indexar en Google y la portada es la bienvenida.
- 3
- Recetas por petición
- 3
- Idiomas: catalán, castellano e inglés
- 14
- Alérgenos de la UE en el perfil de casa
- 100
- Accesibilidad en móvil
- 100 Accesibilidad
- 96 Buenas prácticas
El sistema
Geist y una serif para la marca
Geist para toda la interfaz y Young Serif solo para la palabra «nevera». Fondo claro con una aurora fría arriba y cálida abajo, como la luz de una nevera.
#0F0E12Tinta#F3F0F6Fondo#FFFFFFTarjeta#B8651BÁmbar#2F7D4FVerde
La web entera
De arriba abajo
Pasa el ratón por encima de cada página para recorrerla.Desliza dentro de cada página para recorrerla.
