Transform your ingredients into delicious meals with AI-powered recipe suggestions. Upload a photo, get instant cooking ideas, and enjoy step-by-step guided cooking.
- Node.js (v18+)
- OpenAI API Key - Get yours here
# Quick setup with our script
./scripts/setup.sh
# Or manually:
git clone https://github.com/victorsaly/food-inventory-recip.git
cd food-inventory-recip
npm install
cp .env.example .env
# Add your OpenAI API key to .env# Start dev server
./scripts/dev.sh
# Or: npm run dev
# Build for production
./scripts/deploy.sh
# Or: npm run build📸 Smart Recognition - AI identifies ingredients from photos
🍽️ Recipe Generation - Creates personalized recipes from your ingredients
👨🍳 Guided Cooking - Step-by-step tutorials with animations
⚡ Quick Ideas - Browse 25-minute recipe collection
❤️ Favorites - Save and organize your favorite recipes
React 19 • TypeScript • Vite • Tailwind CSS • OpenAI APIs
├── src/
│ ├── App.tsx # Main application
│ ├── components/ # UI components
│ │ ├── ImageUpload.tsx # Photo upload & AI analysis
│ │ ├── CookingWorkflow.tsx # Step-by-step cooking
│ │ ├── QuickIdeas.tsx # Recipe browser
│ │ └── FavoritesView.tsx # Saved recipes
│ ├── data/
│ │ └── quick-recipes.json # Recipe database
│ └── lib/ # Utilities & storage
├── docs/ # Documentation
│ ├── PRD.md # Product requirements
│ ├── SECURITY.md # Security guidelines
│ └── deployment.md # Deployment guide
└── scripts/ # Utility scripts
├── setup.sh # Project setup
├── dev.sh # Start development
└── deploy.sh # Build & deploy
- Product Requirements - Full feature specifications
- Deployment Guide - How to deploy to production
- Security Guidelines - Security best practices
MIT License - See LICENSE for details.