Live Site URL: https://community-cleanliness-issues-report.netlify.app/

Community Cleanliness & Issue Reporting Portal

🧹 Community Cleanliness Platform

A full-stack MERN application designed to help communities report cleanliness issues, contribute financially to solutions, and track impact — powered by a secure User & Admin Dashboard.

---

🔗 Project Overview

The Community Cleanliness Platform allows users to:

• Report local cleanliness issues
• Contribute money to resolve issues
• Track issue progress and contributions
• Manage profiles securely

Admins can:

• Monitor all issues and users
• Analyze contribution statistics
• View aggregated financial data per issue

---

🚀 Features

🔐 Authentication & Security

• Firebase Authentication (Email/Password & Google)
• JWT-based API security
• Role-based access control (User / Admin)
• Protected backend routes using Firebase Admin SDK

---

👤 User Features

📝 Issue Management

• Create, update, delete, and view issues
• Filter issues by category, status, and search
• View recent issues on the homepage

💰 Contributions

• Contribute money to community issues
• View personal contribution history
• Track total contribution per issue

📊 User Dashboard

• Total issues created
• Contribution summary
• Interactive charts using Recharts
• Responsive statistics cards and tables

👤 Profile Management

• Update display name
• Upload & update profile photo (ImgBB integration)
• Firebase profile + MongoDB sync
• Secure profile update using JWT authorization

---

🛠️ Admin Features

📈 Admin Dashboard

• Total users count
• Total issues count
• Total contributions overview

💵 Contribution Analytics

• Aggregated total contribution per issue
• Issue-wise contribution summaries
• Responsive admin tables

🧑‍💼 User Management

• Role-based access (Admin / User)
• Secure admin-only routes
• Firebase token verification

---

📊 Statistics & Visualization

• Bar charts & data visualization using Recharts
• Responsive layouts for all screen sizes
• Clean UI using Tailwind CSS + DaisyUI

---

🧰 Tech Stack

Frontend

• React
• React Router
• Tailwind CSS
• DaisyUI
• Recharts
• Axios
• Firebase Authentication

Backend

• Node.js
• Express.js
• MongoDB
• Firebase Admin SDK
• JWT Authentication

---

🔐 Security Implementation

• Firebase ID token verification
• Secure Axios interceptor for JWT
• Backend middleware for:
  • JWT verification
  • Admin role validation

---

Developed by: Sourovmoy Sanju 🌱