Este proyecto, desarrollado durante la hackatón de Vercel, utiliza Next.js, Vercel SDK y la API de Perplexicity para ofrecer una solución innovadora a la típica pregunta culinaria: ¿Qué puedo cocinar con lo que tengo? El usuario simplemente ingresa los ingredientes disponibles, y nuestro asistente virtual, un chef profesional en la nube, devuelve una lista de recetas deliciosas que pueden prepararse con esos ingredientes específicos.
Características Asistente Virtual Chef: Utiliza inteligencia artificial para sugerir recetas basadas en los ingredientes proporcionados. Integración con API de Perplexicity: Accede a una amplia base de datos de recetas detalladas y variadas. Interfaz Amigable: Diseñada con Next.js para una experiencia de usuario fluida y receptiva. Despliegue en Vercel: Aprovecha la escalabilidad y rapidez de Vercel para garantizar tiempos de carga rápidos y disponibilidad constante. Funcionamiento Ingreso de Ingredientes: El usuario introduce los ingredientes disponibles en su cocina. Procesamiento de Datos: La aplicación envía esta información a la API de Perplexicity a través de Vercel SDK. Generación de Recetas: Nuestro asistente virtual procesa los datos y devuelve una lista de recetas sugeridas. Visualización de Resultados: El usuario recibe una lista detallada de recetas, cada una con instrucciones claras y listado de ingredientes. Beneficios Ahorro de Tiempo: Elimina la incertidumbre sobre qué cocinar con lo que tienes a mano. Variedad de Opciones: Ofrece recetas para todos los gustos y dietas. Sostenibilidad: Promueve el uso eficiente de los ingredientes disponibles, reduciendo desperdicios. Demostración ¡Visita nuestro sitio web para probarlo en acción! Recetario Virtual
Portfolio Para más información sobre mis proyectos, visita mi portfolio en alejandroponcedev.com
¡No sabes qué cocinar? ¡Déjanos ayudarte a descubrir nuevas delicias con los ingredientes que tienes!
Getting Started First, run the development server:
npm run dev
yarn dev
pnpm dev
bun dev Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
Learn More To learn more about Next.js, take a look at the following resources:
Next.js Documentation - learn about Next.js features and API. Learn Next.js - an interactive Next.js tutorial. You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.