PlateShare is a food donation platform designed to connect people who want to share food with those in need.
Users can easily add, manage, and request food items while helping to reduce food waste and fight hunger.
Users can create an account using:
- Email & Password
- Google Login / Sign Up
- Must contain at least one uppercase letter.
- Must contain at least one lowercase letter.
- Must be at least 6 characters long.
Some routes are accessible only to logged-in users:
- Add Food – Add new food donations.
- Manage My Foods – Update or delete added food items.
- My Food Requests – View and manage your sent food requests.
Users can submit new food items for donation, including food name, quantity, expiry date, and other details.
- View all foods added by the user.
- Edit or Delete food entries anytime.
- Displays all food requests made by the user.
- Requests can be deleted, unless they’ve already been accepted or rejected by the food owner.
- The delete button becomes disabled after a request is accepted or rejected.
- Contains a Featured Foods section showcasing foods with higher quantity.
- Each food card includes a Details button.
- If a user isn’t logged in, they’ll be redirected to the Login Page when trying to view details.
- Displays all food items where status = “Available”.
- Users can browse and request any available food.
Only the food owner can:
- See their added foods.
- Accept or reject incoming food requests.
- React – For building the user interface.
- Vite – For fast development and build tooling.
- npm – For managing packages and dependencies.
- React Router – For handling navigation and private routes.
- Tailwind CSS – For modern, responsive UI styling.
- DaisyUI – For pre-built Tailwind components.
- Firebase – For authentication and data management.
- Axios – For API requests.
- React Hook Form – For easy and reliable form management.
- React Toastify – For toast notifications.
- React Icons – For including icons in the UI.
- React SweetAlert2 – For attractive alert and confirmation modals.
- AOS (Animate On Scroll) – For scroll-based animations.
- React Fast Marquee – For smooth auto-scrolling text.
- React Datepicker – For selecting dates.
This project uses a separate backend server. You can find it here: Server Repo Link
Note: This item is React Template, It’s not a WordPress Theme.