A smart food waste reduction app that helps you track your food inventory, get expiration notifications, and discover recipes based on what you have.
- 📝 Track food items with expiration dates
- ⏰ Get notifications for items about to expire
- 👨👩👧👦 Share inventory with household members
- 🥘 Get recipe suggestions based on available ingredients
- 💡 Receive food storage tips
- 📊 View inventory analytics and storage distribution
- Frontend: React, TypeScript, Tailwind CSS, Lucide Icons
- Backend: Supabase (Authentication, Database, Real-time updates)
- Deployment: Netlify
- Node.js 18.x or higher
- npm 9.x or higher
- Supabase account
-
Clone the repository:
git clone https://github.com/yourusername/fridge-friend.git cd fridge-friend -
Install dependencies:
npm install
-
Create a
.envfile in the root directory:VITE_SUPABASE_URL=your_supabase_url VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
-
Start the development server:
npm run dev
-
Open http://localhost:5173 in your browser.
src/
├── components/ # Reusable UI components
├── contexts/ # React context providers
├── lib/ # Utility functions and configurations
├── pages/ # Application pages/routes
└── types/ # TypeScript type definitions
The app uses Supabase Authentication with email/password login. Demo credentials:
- Email: demo@example.com
- Password: password123
profiles: User profileshouseholds: Household groupsfood_items: Food inventory itemsstorage_tips: Food storage recommendations
- Fork the repository
- Create your feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Supabase for the backend infrastructure
- Tailwind CSS for the styling system
- Lucide for the beautiful icons