Click here to live demo: AI Chef 🚀
Once the app is running. The application allows the user to:
- Add incredients into an input that they have or want to use for cooking.
- After adding at least 1 ingredient to the list, the user will be prompted to get a recipe.
- The LLM GPT-4o will use the ingredients added and generate a recipe that will be displayed.
- Vite: A fast and lightweight build tool that optimizes development and production performance.
- HTML5: Structure of the application, ensuring semantic and modern markup.
- CSS3: Styling and responsive design to make the app mobile-friendly.
- JavaScript: Adds functionality and interactivity, making the app dynamic.
- React.js: Efficiently builds your user interface with state management and re-rendering.
- OpenAI GPT-4o: Processes ingredient lists and generates detailed recipes in Markdown format for the frontend to easily process and display.
- Cloudflare Workers: Acts as the backend API, handling requests from the frontend and securely communicating with OpenAI for AI-powered recipe generation. This ensures low latency and global scalability via edge computing.
This project is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
Enjoy using this easy to use cross-platform AI Chef application! 🤖🧑🍳