A smart web app that suggests recipes based on the ingredients you already have in your fridge.
Live version: Fridge‑Friend
- Ingredient Input: Add your fridge ingredients manually
- Recipe Suggestions: AI-powered suggestions using Gemini API
- Responsive UI: Works on mobile and desktop
- Favorites: Save your favorite recipes (planned feature)
- History: Keep track of previously suggested recipes
- Shopping List: Export missing ingredients (planned feature)
- Favicon: Polished app icon for browser tab
- Vite — Modern build tool
- React / Vanilla JS — User interface
- Gemini API — AI-powered recipe suggestions
- CSS / Tailwind CSS — Styling
- Vercel — Deployment
├── index.html # Main HTML file
├── package.json # Dependencies and scripts
├── vite.config.js # Vite configuration
├── src/
│ ├── main.js # Entry point JS
│ ├── App.js # Main App component
│ ├── components/ # Reusable components
│ └── assets/ # Images, favicon, etc.
└── .env.local # Environment variables (API key)
- Clone the repository
git clone https://github.com/maliha63/fridge-friend.git
cd fridge-friend- Install dependencies
npm install- Create
.env.localand add your API key
VITE_GEMINI_API_KEY=YOUR_API_KEY_HERE
- Run development server
npm run dev- Build for production
npm run build- Open the app in your browser (
http://localhost:3000) - Enter ingredients available in your fridge
- Click Find Recipes
- Browse suggestions or save favorites
npm run dev— Start development servernpm run build— Build production-ready app
- Fork the repository
- Create a feature branch (
git checkout -b feature/my-feature) - Make changes and test locally
- Commit (
git commit -m "Add feature") - Push (
git push origin feature/my-feature) - Open a Pull Request
Tips:
- Follow existing code style
- Test your changes locally before submitting
- Document new features / changes in the README
This project is licensed under the MIT License.
- Author: Maliha Bathool C — malihabathoolc@gmail.com
- GitHub: https://github.com/maliha63
- Live App: https://fridge-friend-chi.vercel.app/
Built with ❤️ using Vite, React, and Gemini API