Cook With What You Have is a smart recipe generator web app that helps you turn the ingredients in your kitchen into delicious meals. Powered by the Gemini API, the app not only generates step-by-step recipes, but also provides detailed macro and micronutrient breakdowns — all while letting you check off each step and use built-in timers for a seamless cooking experience.
-
🥦 Ingredient-Based Recipe Generation
Enter the ingredients you have — get a full recipe instantly using the Gemini API. -
📋 Step-by-Step Instructions
Clear instructions with checkboxes to mark your progress. -
⏲️ Timers for Each Step
Integrated timers so you never overcook or miss a step. -
🍽️ Macro & Micronutrient Breakdown
See detailed nutritional info for the full recipe.
- Enter a list of available ingredients.
- The app uses the Gemini API to generate a suitable recipe.
- It displays the recipe with:
- Step checkboxes
- Timers for each cooking step
- Nutritional data (macros and micros)
- Frontend: HTML, CSS, JavaScript (React)
- Backend: Gemini API (for recipe generation and nutritional analysis)
- Other Tools: Timer functions, local state management
git clone https://github.com/yourusername/cook-with-what-you-have.git
cd cook-with-what-you-have
npm install
npm start