🍳 Smart Recipe Preparation Agent

Smart Recipe Preparation Agent is an intelligent, AI-powered culinary companion designed to streamline home cooking. It assists users with ingredient-based recipe discovery, automated step-by-step preparation workflows, dynamic dietary customizations, and smart meal planning.

🔗 Live Application: https://recipepreparationagent.netlify.app/

---

✨ Key Features

• 🧠 Smart Ingredient Matching: Input the ingredients available in your pantry to instantly discover tailored recipes and minimize food waste.
• 👨‍🍳 Interactive Step-by-Step Preparation: Real-time cooking guidance with timers, instructions, and preparation checkpoints.
• 🥗 Dietary & Nutrition Customization: Filter recipes by dietary preferences (Vegan, Keto, Gluten-Free, High Protein) and view detailed nutritional breakdowns.
• 📅 Meal Planning & Shopping Lists: Generate automated weekly meal schedules and export smart grocery lists.
• 🎨 Modern & Accessible UI: Clean, responsive, dark/light compatible design powered by Tailwind CSS, Radix UI, and Material UI components.

---

🛠️ Technology Stack

Layer	Technology
Frontend Framework	React 18
Language	TypeScript
Build Tool	Vite
UI Components & Icons	Radix UI, Shadcn UI, Material UI, Lucide React
Styling	Tailwind CSS, Emotion
Deployment	Netlify

---

📂 Project Structure

SmartRecipePreparationAgent/
├── src/
│   ├── app/                # Main application pages & layout
│   ├── components/         # Reusable UI elements (cards, dialogs, timers)
│   ├── imports/            # Core business logic, icons & styling imports
│   ├── styles/             # Global CSS and theme configuration
│   ├── index.html          # HTML entry point
│   └── main.tsx            # Application root entry
├── guidelines/             # Architectural specs and project guidelines
├── package.json            # Dependencies and npm scripts
├── vite.config.ts          # Vite build configuration
└── README.md

---

🚀 Getting Started Locally

Prerequisites

• Node.js (v18.0.0 or higher recommended)
• npm / pnpm / yarn

Installation

1. Clone the repository:

   git clone https://github.com/preyal2/SmartRecipePreparationAgent.git
   cd SmartRecipePreparationAgent

2. Install dependencies:

   npm install

3. Start the local development server:

   npm run dev

4. Open in browser: Navigate to http://localhost:5173 to view the app.

Building for Production

npm run build

---

🌟 Author

• GitHub: @preyal2
• Live Demo: recipepreparationagent.netlify.app