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 →

• 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.
• AI-Generated Tags: Recipes are automatically tagged with relevant keywords for better searchability.
• Context-Aware Chat Assistant: Ask cooking-related questions about a recipe (e.g., substitutions, vegan options, prep time). Powered by GPT-4, limited to the context of each recipe.

• 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.
• Infinite Scrolling: Browse recipes seamlessly without pagination buttons.
• Sort by Popularity or Newest: View recipes sorted by likes or creation date.
• Tag-Based Search: Find recipes using AI-generated tags for ingredients and dietary relevance.
• Notifications: Get real-time updates on activity (likes, comments, etc.).
• Mobile-Responsive UI: Fully optimized for all devices.

• 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

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

npm install

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

npm run dev

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

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. Search Recipes using AI-generated tags.
6. Browse Recipes with infinite scrolling and sorting by newest or most liked.
7. Save, Like, and Share your favorite recipes.
8. Use the Chat Assistant to ask follow-up questions about a recipe (e.g. substitutions, dietary changes, or cook time).

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

It helps more people discover it.

• OpenAI
• Vercel
• Next.js
• MongoDB