🍳 Smart Recipe Generator - AI-Powered Recipe App

Smart Recipe Generator is an AI-powered web application that uses GPT-4 to generate unique recipes based on selected ingredients and dietary preferences, DALL·E to create custom recipe images, and TTS to narrate recipes. It's designed to make cooking easy, creative, and accessible for everyone.

🌐 Live Demo →

---

⚡️ Key Features

🤖 AI-Powered Features

• GPT-4 Recipe Generation: Create unique recipes based on user-selected ingredients and dietary preferences.
• DALL·E Image Generation: Automatically generate high-quality images of the recipes.
• Text-to-Speech (TTS): Narrate recipes aloud using AI-driven speech synthesis.

📋 Core Features

• User Authentication: Secure login via Google OAuth using NextAuth.js.
• Ingredient Selection: Choose from a database of ingredients or add your own.
• Dietary Preferences: Support for vegan, gluten-free, keto, paleo, and more.
• Recipe Management: Like, save, and share recipes.
• Notifications: Get real-time updates on activity (likes, comments, etc.).
• Mobile-Responsive UI: Fully optimized for all devices.

---

🚀 Tech Stack

• Frontend: Next.js, React, Tailwind CSS
• Backend: Node.js, MongoDB
• AI Integration: OpenAI GPT-4 for recipes, DALL·E for images, TTS for narration
• Authentication: NextAuth.js with Google OAuth
• Cloud Storage: AWS S3 for storing images and audio
• Deployment: Vercel

---

🛠️ Installation

1. Clone the Repository

git clone https://github.com/Dereje1/smart-recipe-generator.git
cd smart-recipe-generator

2. Install Dependencies

npm install

3. Set Up Environment Variables

Create a .env.local file and add:

NEXT_PUBLIC_API_BASE_URL=http://localhost:3000
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your-secret
GOOGLE_CLIENT_ID=your-google-client-id
GOOGLE_CLIENT_SECRET=your-google-client-secret
OPENAI_API_KEY=your-openai-api-key
AWS_ACCESS_KEY_ID=your-aws-access-key-id
AWS_SECRET_ACCESS_KEY=your-aws-secret-key
MONGO_URI=your-mongodb-uri
S3_BUCKET_NAME=your-s3-bucket-name
API_REQUEST_LIMIT=maximum-api-requests

4. Run the Development Server

npm run dev

App will be live at http://localhost:3000.

---

💡 Usage

1. Log in with Google.
2. Select Ingredients and Dietary Preferences.
3. Generate Recipes powered by GPT-4.
4. View AI-Generated Images and Play Narrations.
5. Save, Like, and Share your favorite recipes.

---

📊 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

⭐ If you like this project, give it a star!

It helps more people discover it.

---

🏆 Acknowledgements

• OpenAI
• Vercel
• Next.js
• MongoDB