ZeroBin

[https://zerobin.netlify.app/]

ZeroBin is a full-stack web application designed to streamline waste management by allowing users to register complaints with geolocation, waste type, and image uploads. It features separate dashboards for users and admins, offering real-time complaint tracking and efficient resolution workflows.

---

🚀 Key Features

• 🔐 Secure Authentication

  • JWT and bcrypt-based login/signup system
  • Role-based access control for users and administrators

• 📝 Complaint Submission

  • Users can report complaints with waste category, location, and images using Multer

• 📊 Interactive Dashboards

  • Users: Create, view, edit, and delete their complaints
  • Admins: Manage, resolve, and track all complaints with a centralized dashboard

• ⚡ Performance Optimization

  • Admin response efficiency improved by 30%
  • API response time reduced by 20%

• 📱 Responsive UI

  • Built with Bootstrap React for a clean, mobile-first design
  • Cross-platform compatibility ensured with modular CSS and optimized routing

---

🛠️ Tech Stack

Frontend:

• React.js
• React Router
• Axios
• Bootstrap React
• CSS Modules

Backend:

• Node.js
• Express.js
• MongoDB + Mongoose
• Multer (Image Uploads)
• JWT & bcrypt (Authentication)
• CORS
• Postman (API Testing)

---

🌆 Design

📦 Installation Guide

Make sure you have Node.js, npm, and MongoDB installed on your system.

# 1. Clone the repository
git clone https://github.com/your-username/zerobin.git
cd zerobin

# 2. Install backend dependencies
cd backend
npm install

# 3. Install frontend dependencies
cd ../frontend
npm install

# 4. Start the MongoDB server (in a new terminal)
cd zerobin/backend
mongod

# 5. Start the backend server (in a new terminal)
cd zerobin/backend
npm start

# 6. Start the frontend React app (in a new terminal)
cd zerobin/frontend
npm run dev