|
| 1 | +## 🚀 **AI Meal Planner & Recipe Generator** |
| 2 | + |
| 3 | +### 📝 **Intelligent Ingredient to Recipe Assistant** |
| 4 | + |
| 5 | +This project tackles the everyday problem of deciding *what to cook* with the ingredients you already have. |
| 6 | +It allows users to **add ingredients manually or using CopilotKit AI commands**, and instantly generates **3–5 structured recipes** that match the provided items. |
| 7 | +Each recipe is beautifully displayed as a card with title, description, ingredients, steps, time, calories, and tags. |
| 8 | + |
| 9 | + |
| 10 | +### 🛠️ **Technologies Being Used** |
| 11 | + |
| 12 | +List of technologies, tools, and frameworks powering this project: |
| 13 | + |
| 14 | +- **Frameworks**: Next.js 14, React 18 |
| 15 | +- **Styling**: Tailwind CSS, Radix-UI, Glassmorphism effects |
| 16 | +- **AI Runtime**: Copilot Cloud Runtime (Direct LLM Calls) |
| 17 | +- **Developer Tools**: CopilotKit UI (`@copilotkit/react-ui`, `@copilotkit/react-core`) |
| 18 | +- **Language**: TypeScript |
| 19 | + |
| 20 | + |
| 21 | +### 🌐 **App Link** |
| 22 | + |
| 23 | +[Meal Planner](https://meal-planner-y2p3.onrender.com/) |
| 24 | + |
| 25 | + |
| 26 | +### 🎯 **Twitter Post** |
| 27 | +[Post](https://x.com/RajG0709/status/1974904870244327813) |
| 28 | + |
| 29 | +### 📸 **Screenshot** |
| 30 | + |
| 31 | +<img width="1348" height="598" alt="Screenshot 2025-10-05 202245" src="https://github.com/user-attachments/assets/11d6bbb0-6463-4f2e-8261-0cffe780f121" /> |
| 32 | + |
| 33 | + |
| 34 | + |
| 35 | +### 🙋♂️ **List your repo here** |
| 36 | + |
| 37 | +[GitHub Repository](https://github.com/Raj-G07/Meal-Planner) |
| 38 | + |
| 39 | +### 🍽️ **Core Functionality** |
| 40 | + |
| 41 | +1. **Add Ingredients** |
| 42 | + - Add items manually (like *tomato, cheese, pasta*) |
| 43 | + - Or use CopilotKit to generate ingredients via natural prompts |
| 44 | + |
| 45 | +2. **Generate Recipes** |
| 46 | + - AI suggests 3–5 recipes matching your ingredients. |
| 47 | + - Each recipe strictly follows this JSON schema: |
| 48 | + ```json |
| 49 | + { |
| 50 | + "title": "string", |
| 51 | + "description": "string", |
| 52 | + "ingredientsUsed": [], |
| 53 | + "missingIngredients": [], |
| 54 | + "steps": [], |
| 55 | + "timeMinutes": 0, |
| 56 | + "tags": [], |
| 57 | + "calories": 0 |
| 58 | + } |
| 59 | + |
| 60 | + ``` |
| 61 | + |
| 62 | +3. **View Recipe Cards** |
| 63 | + - Recipes appear instantly as interactive cards |
| 64 | + - Includes cooking steps, total time, tags, and calorie estimate. |
| 65 | + |
| 66 | + |
| 67 | +**Created by [Raj Gupta](https://github.com/Raj-G07)** |
0 commit comments