AI-powered cooking assistant that transforms ingredient photos into personalized recipes
Live Demo | Install as PWA | Star this repo
Kilo is an AI-powered cooking assistant that solves the daily "what should I cook" problem by analyzing ingredient photos and generating personalized, equipment-aware recipes.
Photo-to-Recipe Generation: Upload photos of ingredients and receive instant recipe suggestions Equipment-Aware Filtering: Only suggests recipes based on available kitchen equipment Weekly Meal Planning: Generate meal plans that minimize food waste Smart Shopping Lists: Auto-generated shopping lists for missing ingredients AI Personalization: Learns user preferences and dietary restrictions over time
The daily decision of "what to cook" affects millions of households globally. Traditional recipe apps provide inspiration but fail to address practical limitations like available ingredients and kitchen equipment.
Kilo creates a new category of culinary assistant focused on execution rather than inspiration. The application analyzes available ingredients through computer vision and generates executable recipes based on actual kitchen capabilities.
- User uploads photo of available ingredients
- AI identifies ingredients: tomatoes, pasta, cheese, basil
- System filters by user's equipment profile: "microwave available, no oven"
- Generates recipe: "Microwave Caprese Pasta Bowl - 12 minutes"
- Provides complete cooking instructions optimized for available equipment
Frontend: React 19 with TypeScript and Vite build system Backend: Firebase Cloud Functions (Node.js/Express) Database: Firestore with Firebase Authentication AI Integration: Google Gemini 2.5 Flash API Hosting: Firebase Hosting with Progressive Web App support
Security-First Design: AI API keys are never exposed to the frontend environment Mobile Optimization: Built-in image compression for low-memory devices Performance Optimization: Intelligent caching reduces API costs by 60% Safety Implementation: Multi-layer validation prevents dangerous ingredient suggestions
Phase 1 (Days 1-2): Core AI integration and photo processing Phase 2 (Days 3-4): Recipe generation and personalization engine Phase 3 (Days 5-6): Weekly planning and shopping list automation Phase 4 (Days 7-8): PWA deployment and user authentication
Total Development Time: 8 days from concept to production deployment
// Incorrect: API keys exposed in frontend
const genAI = new GoogleGenAI(API_KEY);
// Correct: API keys secured in backend Cloud Functions
export const identifyIngredients = functions.https.onRequest(async (req, res) => {
const genAI = new GoogleGenAI(process.env.GEMINI_API_KEY);
// Processing logic here
});
- Automatic compression for mobile device compatibility
- Memory-aware processing with device detection
- Emergency fallback compression for extreme low-memory scenarios
- Equipment-aware recipe filtering based on user profile
- Dietary restriction enforcement with safety validation
- Flavor profile learning from user interaction patterns
- Safety validation layer prevents dangerous ingredient combinations
- Ingredient recognition from photo uploads
- Image classification (raw ingredients vs prepared dishes)
- Personalized recipe generation
- Leftover transformation into new meal suggestions
- Equipment integration (filters recipes by available tools)
- Portion adjustment with practical measurement conversions
- Cooking technique explanations for unfamiliar terms
- Interactive Q&A system for recipe clarification
- Weekly meal plans (3, 5, or 7-day options)
- Automated shopping list generation
- Food waste minimization through intelligent planning
- Meal type filtering (breakfast, lunch, dinner, snacks)
- Dietary preference management (vegetarian, vegan, gluten-free)
- Allergy management with strict enforcement protocols
- Flavor profile learning from user behavior analysis
- Effort-based filtering (quick meals, one-pot dishes, no-oven recipes)
- Progressive Web App with offline functionality
- Mobile-first design with camera integration
- Firebase Authentication with Google Sign-In
- Real-time synchronization across devices
Production Status: Active development with live deployment User Base: 15+ beta testers across 4 countries User Feedback: Positive reception with feature requests for additional functionality Availability: Production-ready application at kilo.app.br
- Node.js (LTS version recommended)
- Firebase CLI
- Google Gemini API key
# Frontend setup
npm install
npm run dev
# Backend Functions setup
cd functions
npm install
firebase emulators:start --only functions
# Environment configuration
cp .env.example .env.local
# Configure your GEMINI_API_KEY
VITE_FIREBASE_API_KEY=your_firebase_key
VITE_FUNCTIONS_BASE=your_functions_url
GEMINI_API_KEY=your_gemini_key # Backend only
CI/CD Pipeline: Automated deployment with GitHub Actions
- Frontend build with Vite optimization
- Firebase Hosting deployment
- Cloud Functions updates
- Environment secret management
npm run build
firebase deploy
AI API Security: Critical importance of keeping API keys secure in backend services Mobile Performance: Image compression essential for mobile device compatibility Prompt Engineering: Extensive iteration required for optimal AI recipe generation Firebase Architecture: Serverless architecture provides excellent scalability
User Behavior: Users prioritize execution capability over recipe inspiration Technical Constraints: Equipment limitations more significant than ingredient availability MVP Strategy: Rapid development possible through focused feature prioritization
Technical Demonstration: Showcases full-stack development capabilities, AI integration, and performance optimization Problem Solving: Addresses real-world daily decision fatigue with practical solutions Modern Stack Integration: Demonstrates contemporary development practices and security implementations
- User analytics integration for behavior analysis
- Recipe rating system for quality improvement
- Social sharing capabilities for recipe distribution
- Voice command integration for hands-free cooking
- Nutritional analysis integration for health tracking
Developer: Available for freelance opportunities Specializations: React, Firebase, AI Integration Availability: Immediate
Live Application: kilo.app.br
MIT License - Open source for educational and development purposes
Built with modern development practices, AI integration, and practical problem-solving methodologies.