Cookify is an AI-powered recipe generator that helps users create delicious recipes based on ingredients, preferences, and dietary choices. Built with Next.js and Google GenAI, Cookify delivers fast, personalized, and interactive cooking ideas.
- 🤖 AI-generated recipes using Google GenAI
- 🥕 Ingredient-based recipe suggestions
- 🌱 Veg / Non‑Veg preference toggle
- 🔐 Authentication with NextAuth
- ⭐ Save & manage favorite recipes
- 🎨 Modern, responsive UI with Tailwind CSS & Radix UI
- ⚡ Fast performance with Next.js
- Next.js
- React
- Tailwind CSS
- Radix UI
- Zustand (state management)
- Next.js API Routes
- Google GenAI (
@google/genai) - MongoDB with Mongoose
- NextAuth.js
- Axios
- React Toastify
- Lucide React / React Icons
next
react
@google/genai
mongoose
next-auth
zustand
tailwindcss
axiosapp/
├─ api/ # API routes (AI, auth, database)
├─ components/ # Reusable UI components
├─ lib/ # AI, DB, auth configs
├─ store/ # Zustand stores
└─ page.jsx # Main pagesCreate a .env.local file and add:
GOOGLE_API_KEY=your_google_genai_key
MONGODB_URI=your_mongodb_connection
NEXTAUTH_SECRET=your_secret
NEXTAUTH_URL=http://localhost:3000# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Start production server
npm start- User selects ingredients & preferences
- Prompt is sent to Google GenAI
- AI generates a custom recipe
- Recipe is displayed & can be saved
Manohar Kumar Web Developer | MERN Stack | Next.js
- 🌐 Portfolio: https://tech-manohar.vercel.app/
- 🐙 GitHub: https://github.com/codewithmanohar
If you like this project, give it a ⭐ on GitHub!