Recipe Suggestion App Chef Claude is a recipe suggestion app that helps users find new recipe ideas based on the ingredients they have on hand. By simply providing a list of ingredients, Chef Claude uses AI to suggest personalized recipes, reducing food waste and making meal planning easier.
- Ingredient-Based Recipe Suggestions: Users can input ingredients, and Chef Claude will suggest recipes based on them.
- Real-Time Recipe Generation: Uses Hugging Face AI to generate recipe suggestions in real-time.
- Intuitive Interface: Simple, easy-to-use UI to add ingredients and display suggested recipes.
- Customizable Recipe Output: Recipes are formatted in markdown, allowing easy integration into web pages.
- Cross-Origin Support: CORS support for smooth frontend-backend communication during development.
- Frontend: React.js
- Backend: Express.js, Axios
- AI Integration: Hugging Face Inference API (for recipe generation)
git clone "link"
cd chef-claude
cd frontend
npm install
npm run dev
cd ../backend
npm install- Create server.js file in the backend root directory.
- Copy the code from api/index.js file.
- Change code and create localhost server to run locally.
node server.js
Create a .env file in the backend add your Hugging Face API key and port:
HF_ACCESS_TOKEN=your_huggingface_access_tokenFeel free to submit issues and pull requests. Contributions to improve the functionality or suggest features are welcome!
This project is licensed under the MIT License - see the LICENSE file for details.
Built with ❤️ by Peer Faizan