
- 🌐 Web
- 📱 Movil
- ⚡ Pwa
Acerca del proyecto
Cooky es un asistente de cocina inteligente que transforma los ingredientes que tienes en recetas personalizadas.
Gracias a la integración del modelo Qwen 3.5 de Inteligencia Artificial, la aplicación no solo genera recetas adaptadas a tu despensa, sino que también propone listas de compras con los ingredientes que te hagan falta.
Su interfaz moderna y responsiva permite acceder fácilmente desde web o móvil.
Contenido del proyecto
Aplicación web y movil que permite a los usuarios buscar recetas usando los ingredientes que tienen a disposición.
La aplicación cuenta con una interfaz moderna, responsiva que se adapta a cualquier dispositivo movil, una IA practica que facilita la busqueda de recetas y hace que la cocina sea mas facil y practica.
Además, integra Unsplash API para ilustrar recetas con imágenes reales y atractivas.
✨ Características principales
Funcionalidades que diferencian a Cooky de una app de recetas convencional.
1. 🔐 Autenticación con JWT y gestión de usuarios.
2. 👤 Perfil personalizable de acuerdo a las preferencias y restricciones del usuario.
3. 🗂️ Ingredientes agrupados por categorías.
4. 🤖 Motor de recetas con IA (Qwen 3.5).
5. 🛒 Gestión de listas de compras.
6. 🖼️ Recetas ilustradas con imágenes de Unsplash API.
7. 🗄️ Base de datos en Supabase.
💡 Valor agregado
Cooky no solo organiza recetas: optimiza la experiencia de cocina reduciendo tiempos, costos y desperdicio.
Integra tecnologías de IA para ofrecer resultados prácticos, accesibles y personalizados.
1. ♻️ Reducción de desperdicio alimenticio.
2. ⏳ Ahorro de tiempo en la planificación.
3. 🌐 Experiencia multiplataforma.
4. ⚡ Backend híbrido con Node.js (API REST) y Python (IA).
🛠️ Tareas realizadas
Aportes personales al desarrollo de Cooky en el equipo colaborativo.
1. 🏠 Desarrollo de la interfaz de inicio (Landing Page).
2. 🔐 Desarrollo de la interfaz de login y autenticación.
3. 📝 Implementación de las interfaces para registro de usuarios.
4. 🛒 Creación de las interfaces de listas de compra.
5. 🧩 Creación de componentes reutilizables en React + Tailwind.
6. 📱 Diseño responsivo para la versión móvil.
7. 🔗 Integración inicial con la API de autenticación.
8. 🎨 Ajustes de estilos para coherencia con la identidad visual.
Técnologias utilizadas
Galeria de Imagenes
Imagenes de las pantallas del sistema.










