https://github.com/cdmain/ai-chef
A web app built with React. Takes a list of ingredients as input from user and outputs a recipe to the user with OpenAI's GPT-4o API.
https://github.com/cdmain/ai-chef
api artificial-intelligence cooking-recipes gpt-4o openai reactjs
Last synced: 3 months ago
JSON representation
A web app built with React. Takes a list of ingredients as input from user and outputs a recipe to the user with OpenAI's GPT-4o API.
- Host: GitHub
- URL: https://github.com/cdmain/ai-chef
- Owner: cdmain
- License: other
- Created: 2025-02-18T09:49:02.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-11T11:55:02.000Z (3 months ago)
- Last Synced: 2025-03-11T12:35:13.897Z (3 months ago)
- Topics: api, artificial-intelligence, cooking-recipes, gpt-4o, openai, reactjs
- Language: JavaScript
- Homepage: https://cdmain.github.io/ai-chef/
- Size: 1.02 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI Chef web application
## Try it out
Click here to live demo: [AI Chef](https://cdmain.github.io/ai-chef/) 🚀
## Instructions
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.
## Technologies Used
### Frontend
- **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.
### Backend & Infrastructure
- **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.
## License
This project is licensed under the [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-nc-sa/4.0/).
[![CC BY-NC-SA 4.0][cc-by-nc-sa-shield]][cc-by-nc-sa]
[cc-by-nc-sa-shield]: https://licensebuttons.net/l/by-nc-sa/4.0/80x15.png
[cc-by-nc-sa]: https://creativecommons.org/licenses/by-nc-sa/4.0/
Enjoy using this easy to use cross-platform AI Chef application! 🤖🧑🍳