FoodFuse is a responsive web application designed to connect individuals who want to share excess food with those in need. The platform allows users to donate food, request meals, and manage their listings efficiently through a secure and user-friendly interface.
- Secure user authentication with Firebase (Email/Password & Google Login)
- Browse and search food listings donated by users
- Add, update, and delete food donation listings
- Request meals from available food listings
- Protected routes for authenticated users only
- Responsive and mobile-friendly design
- Real-time toast notifications for user feedback
- Smooth animations using Lottie
| Technology / Package | Description |
|---|---|
| React | JavaScript UI library |
| React DOM | React package for DOM rendering |
| React Router DOM | Routing library for React |
| Firebase | Backend-as-a-Service (Auth, DB, Hosting) |
| LocalForage | Offline storage for browsers |
| Match Sorter | Sorting and filtering utility |
| React Awesome Reveal | Animation library |
| React Icons | Icon components |
| React Toastify | Toast notifications |
| React Tooltip | Tooltips for React components |
| Sort-By | Sorting utility |
| SweetAlert2 | Beautiful alert messages |
| Swiper | Touch slider/carousel |
{
"firebase": "^10.11.1",
"localforage": "^1.10.0",
"match-sorter": "^6.3.4",
"react": "^18.2.0",
"react-awesome-reveal": "^4.2.8",
"react-dom": "^18.2.0",
"react-icons": "^5.1.0",
"react-router-dom": "^6.23.0",
"react-toastify": "^10.0.5",
"react-tooltip": "^5.26.4",
"sort-by": "^1.2.0",
"sweetalert2": "^11.10.8",
"swiper": "^11.1.1"
}Clone the repository:
https://github.com/nazmulrahat786/FoodFuse.git
cd FoodFuseInstall dependencies:
npm installStart the development server:
npm run devOpen your browser and visit:
http://localhost:5173- 📂 GitHub Repository: https://github.com/nazmulrahat786/FoodFuse