DEV Community

Derlys
Derlys

Posted on

YouCanChef: ¿Cómo creé mi propio asistente de cocina nómada con IA?

YouCanChef: ¿Cómo creé mi propio asistente de cocina nómada con IA?

¡Hola, nómadas y amantes de la cocina! Como alguien que viaja constantemente por el mundo, me encanta replicar las recetas que pruebo en los restaurantes locales. Sin embargo, el gran reto es: ¿Cómo encuentro estos ingredientes en un país diferente?

Hoy les comparto cómo construí "YouCanChef", una herramienta que analiza ingredientes y te dice si son fáciles de encontrar en tu ubicación actual o cómo reemplazarlos.

1. El concepto: gastro-mapping e inteligencia de sustitución

La idea es simple pero poderosa:

  • Input: Nombre del plato o lista de ingredientes + Tu ubicación actual.
  • Proceso: La IA analiza la "Cultura de Mercado" local.
  • Output: Un semáforo de disponibilidad (🟢 Fácil, 🟡 Especialidad, 🔴 Inexistente) y sugerencias de sustitutos inteligentes.

2. El stack tecnológico (100% Gratuito)

Para este proyecto, utilicé herramientas que permiten prototipar a velocidad luz sin gastar un centavo:

Componente Herramienta ¿Por qué?
Cerebro (IA) Google AI Studio (Gemini) Capa gratuita generosa y excelente razonamiento.
Prototipado Rápido Bolt.new Genera aplicaciones completas a partir de prompts.
Editor de Código WebStorm / VS Code Para refinamiento técnico y control de versiones.
Despliegue Vercel Hosting rápido y gratuito para proyectos personales.

3. El Plan de acción: Del MVP a Pro

Fase 1: El MVP "Lean"

En lugar de conectar APIs de inventarios de supermercados (que es complejo), usamos la base de conocimiento de la IA para estimar la probabilidad de encontrar un ingrediente.

  • Ejemplo: "¿Qué tan probable es encontrar Achiote en Madrid?" -> IA: "90% en tiendas latinas de Lavapiés, 20% en supermercados comunes".

4. Superando retos técnicos (Tips para devs)

Durante la creación, me encontré con un par de "clásicos" que te ahorrarán tiempo:

El Error de la API Key en Bolt.new

Si usas Bolt.new, a veces el código no detecta tu GEMINI_API_KEY aunque esté en el archivo .env.
Solución: Asegúrate de que la variable esté declarada con el prefijo VITE_ si estás usando Vite:

const tempKey = import.meta.env.VITE_GEMINI_API_KEY;
Enter fullscreen mode Exit fullscreen mode

El Modelo "Fantasma" (404 Not Found)

Google actualiza sus modelos constantemente. Si recibes un error 404 al llamar a la API, verifica el nombre del modelo. Actualmente, gemini-1.5-flash es la opción más estable, pero en entornos de preview podrías necesitar gemini-3-flash-preview (según tu región y acceso).

const model = genAI.getGenerativeModel({ model: 'gemini-1.5-flash' });
Enter fullscreen mode Exit fullscreen mode

5. De Bolt.new a producción

Una vez que el prototipo funcionó en Bolt, el siguiente paso fue llevarlo a mi entorno local para tener control total:

  1. Clonar el repo: git clone <tu-repo-de-bolt>
  2. Instalar dependencias: npm install
  3. Configurar Git: Si descargaste el ZIP, inicializa con git init y conecta tu origen.
  4. Deploy: Conecta tu cuenta de GitHub con Vercel y ¡listo!

Conclusión

YouCanChef no es solo una app, es un compañero de viaje. Me enseñó que con la IA adecuada, las fronteras culinarias desaparecen.

¿Qué sigue? Estoy trabajando en un motor de "Sustitución de sabores" que analice perfiles de sabor para sugerir reemplazos exactos cuando un ingrediente es imposible de hallar.

¿Te animas a construir tu propio asistente de viajes? ¡Cuéntame en los comentarios qué otra utilidad le darías a la IA para nómadas! 🌍✈️


Tip: No esperes a tener la app perfecta. Lanza el MVP, prueba si la IA te da buenos consejos de cocina y luego añade las fotos y los mapas.

Top comments (0)