Thanks to visit codestin.com
Credit goes to github.com

Skip to content

FoodFuse is a responsive food-sharing platform that connects donors and recipients to reduce food waste. Users can donate, request, and manage food listings easily.

Notifications You must be signed in to change notification settings

nazmulrahat786/FoodFuse

Repository files navigation

🍽️ FoodFuse

📖 Project Overview

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.


🌐 Live Link

🔗 FoodFuse Live



🌟 Key Features

  • 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 Stack

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

📦 Dependencies

{
  "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"
}

🖥️ How to Run Locally

Clone the repository:

https://github.com/nazmulrahat786/FoodFuse.git
cd FoodFuse

Install dependencies:

npm install

Start the development server:

npm run dev

Open your browser and visit:

http://localhost:5173

Relevant Links

About

FoodFuse is a responsive food-sharing platform that connects donors and recipients to reduce food waste. Users can donate, request, and manage food listings easily.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages