A beautiful, modern recipe browser for your Instagram saved collections.
- 🔍 Advanced search and filtering
- 📱 Responsive design
- ❤️ Favorites system
- 🛒 Shopping list
- 📊 Recipe comparison
- 🎯 Smart categorization
- 📤 Export functionality
This frontend is deployed on Vercel and fetches data from a private API.
npm install
npm run devThe app fetches recipe data from:
- Primary:
https://cookstagram-data.vercel.app/api/recipes - Fallback: Local
data/extracted_recipes_realtime.json
ui/
├── index.html # Main recipe browser
├── app.js # Modular JavaScript
├── styles.css # Styling
├── recipe.html # Individual recipe view
├── recipe.js # Recipe page logic
├── analytics.html # Analytics dashboard
├── mobile.html # Mobile-optimized view
└── planner.html # Meal planner
- Recipe data is stored in a private repository
- No personal Instagram data is exposed publicly
- All data processing happens client-side