Mission: Reducing food waste by bridging the gap between surplus food and communities in need through seamless digital coordination.
ZeroBin is a full-stack MERN web application designed to connect food donors, NGOs, and system administrators. By replacing manual coordination with a centralized digital platform, ZeroBin simplifies food redistribution, promotes community sharing, and ensures surplus food reaches those who need it most.
This repository contains my personal copy of our collaborative final-year academic project. My primary role in this team project was Frontend Development and UI/UX Design.
- User Registration & Secure Login: Encrypted authentication for all users.
- Role-Based Workflows: Distinct interfaces and permissions for Donors, NGOs, and Admins.
- Food Donation Listing: Donors can easily list surplus food with details (quantity, type, expiry).
- NGO Request Management: NGOs can browse available listings and submit requests for specific donations.
- Approval Workflow: Built-in checks to approve or decline food requests.
- Real-Time Tracking: Track the status of a donation from listing to successful delivery.
- Admin Dashboard: Comprehensive overview for administrators to monitor users, moderate listings, and track overall platform metrics.
- Responsive User Interface: Fully optimized for both desktop and mobile devices.
| Category | Technologies |
|---|---|
| Frontend | React.js, Tailwind CSS, HTML5, CSS3, JavaScript |
| Backend | Node.js, Express.js |
| Database | MongoDB |
| Tools & Version Control | Git, GitHub, REST APIs |
As the lead Frontend Developer for this project, I was responsible for bringing the user interface to life and connecting it to our backend infrastructure:
- UI/UX Design & Development: Designed and built the complete frontend architecture from scratch using React.js and Tailwind CSS, ensuring a modern, accessible, and highly responsive user experience.
- Role-Specific Dashboards: Engineered distinct, intuitive dashboards tailored to the specific needs of Donors, NGOs, and Admins.
- API Integration: Successfully integrated the frontend interface with backend REST APIs to enable dynamic data fetching, real-time status updates, and secure authentication.
- Collaboration: Actively collaborated with backend peers using Git and GitHub for version control, issue tracking, and seamless code merging.
(Optional: Add 2-3 screenshots of your beautiful frontend work here to make your portfolio pop!)
To run this project locally:
- Clone the repository:
git clone https://github.com/swaroopbokadekar/Zerobin.git