A MERN Stack-powered platform that connects Restaurants, Charities, and Users to reduce local food waste by enabling food donations and pickups in real-time.
🔗 Live Site: https://looplate.netlify.app/
🛠️ Admin Credentials:
- Username:
admin@g.com - Password:
alamin123
✅ Below are the key highlights of the Looplate platform:
-
🔐 Role-based Authentication System
Users, Restaurants, Charities, and Admins have different roles with different access. -
🏪 Restaurants Can Donate Surplus Food
Restaurants can add donation listings with food type, quantity, pickup time, and images. -
🎯 Featured Donations Section
A homepage section displays at least 4 highlighted donations with image, status, and details. -
👥 User Can Request Charity Role
General users can request to become a verified charity by paying a one-time fee. -
📦 Donation Request & Tracking
Charities can request available donations and track their status (Pending, Accepted, Picked Up). -
📤 Image Upload via ImgBB
All food images are uploaded securely to ImgBB using client-side API integration. -
📋 Admin Dashboard with Controls
Admins can view all users, approve charity requests, and manage donations. -
🔄 Real-time Status Update
All donation requests update their status dynamically with backend validation. -
🧠 Secure Axios with JWT Token
Axios interceptors handle secure API calls with JWT-based verification. -
🌍 Responsive Design with Tailwind CSS
The website is mobile-first and fully responsive for all screen sizes.
- Frontend: React.js, React Router, Tailwind CSS, DaisyUI, React Hook Form, Axios, TanStack Query
- Backend: Express.js, Node.js, MongoDB, JWT, Dotenv
- Deployment: Netlify (Client) & Render (Server)
- Push Notifications for new donations
- Real-time chat between charities and restaurants
- Google Maps API integration for accurate pickup location
- Monthly food donation impact reports for restaurants and charities
🎉 Thank you for visiting Looplate – Let's reduce food waste together!