ChefClaude – Instant ideas, delicious results
React-based web app that generates recipes from available ingredients using Spoonacular API.
// brief
The ask.
// brief
ChefClaude is a simple web app that helps users discover recipes based on ingredients they already have. Built to demonstrate API integration and dynamic UI rendering in React.
// problem
Users often struggle to decide what to cook with limited ingredients, leading to wasted time and unused food.
// solution
Developed a React application that takes user-input ingredients and fetches relevant recipes using the Spoonacular API. Designed a clean interface to display step-by-step cooking instructions dynamically.
// outcome
Built a functional and responsive app showcasing API integration, state management, and user-driven data flow in React.
// screens
Through the glass.
// 01
Tools
- React
- JavaScript
- HTML
- CSS
- Spoonacular API
// 02
Note
- Enter multiple ingredients for better results
- Results depend on Spoonacular API data
- Best used with common food ingredients
// 03
Features
- Recipe generation based on available ingredients
- Integration with Spoonacular API
- Step-by-step cooking instructions
- Dynamic rendering of results
- Simple and interactive UI
- Responsive design for multiple devices