https://github.com/tanvirislamakash2002/project-12-client-side

FoodFairy- It is a charity website where restaurant can post their remaining food and charity organization can get those food and use in charity.
https://github.com/tanvirislamakash2002/project-12-client-side

firebase mongodb react tailwind-css

Last synced: about 1 month ago
JSON representation

FoodFairy- It is a charity website where restaurant can post their remaining food and charity organization can get those food and use in charity.

• Host: GitHub
• URL: https://github.com/tanvirislamakash2002/project-12-client-side
• Owner: tanvirislamakash2002
• Created: 2025-08-08T08:13:23.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-10-31T09:46:40.000Z (8 months ago)
• Last Synced: 2025-10-31T11:29:15.449Z (8 months ago)
• Topics: firebase, mongodb, react, tailwind-css
• Language: JavaScript
• Homepage: https://ph-b11-a12.web.app
• Size: 28.5 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Project name:

FoodFairy

# 🍽️ Local Food Waste Reduction Platform

A MERN-stack web application to connect restaurants and charities for sharing surplus food. Built with **React**, **Tailwind CSS**, **DaisyUI**, **Firebase**, **Stripe**, and more.

---

# Live URL:

https://ph-b11-a12.web.app

# Admin: Tanvir Islam

## Email: 

tanvir@gmail.com

## password: 

T@nvir123

## ✅ Features Implemented

- 🔐 **Secure Authentication & Authorization**  

  Email/password-based sign-up/login with Firebase and JWT-protected routes.

- 👥 **Role-Based Access Control**  

  Different dashboards for **users**, **charities**, **restaurants**, and **admins** with role-specific features.

- 🍱 **Donation Management**  

  Restaurants can add, update, and manage food donations. Charities can view and request available donations.

- 📦 **Verified Requests & Quantity Sorting**  

  Users can search donations by location and sort them by quantity or pickup time.

- 📜 **Review System**  

  Charities can leave reviews for donations after pickup.

- 💳 **Stripe Payment Integration**  

  Admins can manage premium features using secure Stripe payments.

- 🔍 **Search, Filter & Sort**  

  Powerful search and sorting using React Query and filters.

- 🌐 **Responsive UI**  

  Clean, accessible design built with Tailwind CSS and DaisyUI.

- 🌟 **Notification & Toasts**  

  User feedback via React Toastify for important actions and alerts.

- 📊 **Donations Analytics**  

  Charts and stats using Recharts to monitor donation activity .

---

## 🚀 Tech Stack

- **Frontend:** React, Tailwind CSS, DaisyUI, React Router, React Hook Form, React Icons, Framer Motion

- **State Management:** React Query

- **Authentication:** Firebase, JWT

- **Payments:** Stripe

- **Charts:** Recharts

- **Backend:** Node.js, Express.js, MongoDB, Axios

- **Deployment:** Firebase (Client), Vercel (Server) 

# How to Run (Setup):

1. Clone the repo - git clone

1. Install packages - npm install

2. Run Locally - npm run dev