StreetGuardian

🚦 About the Project: StreetGuardian Hey everyone! I’m Khushi, a second-year computer engineering student, and this is the story behind StreetGuardian — a project that’s super close to my heart 💛

💡 What Inspired Me Living in a city where broken streetlights, potholes, garbage dumps, and open manholes are common, I often wondered — “Why is there no simple way to report these problems?” People just complain or ignore them, but nothing actually gets fixed.

That’s when it hit me — what if I could create a digital platform where citizens can easily report civic issues and track their resolution? That’s how StreetGuardian was born — a small step toward responsible, tech-powered citizenship 🌍

🛠️ How I Built It Honestly, I was nervous at first — this was my first time building something like this. I used:

Frontend: HTML, CSS, JavaScript

Backend: Node.js with Express.js

Database: MongoDB

Other Tools: GitHub, Postman, and a LOT of Stack Overflow 😅

Users can click a photo of the issue, write a short description, select a category (like pothole, garbage, etc.), and the complaint gets stored in the database. I also added a basic admin panel where authorities can view and mark issues as resolved ✅

🌱 What I Learned How to plan and structure a full-stack web app

Connecting frontend to backend (and making them "talk" to each other)

Handling file uploads (images of issues) and storing data efficiently

How to think like both a developer and a user

Most importantly, I learned how small ideas can make a real-world impact if we dare to start 💡

😩 Challenges I Faced Getting the image upload feature to work took me forever 🥲

Backend debugging was mentally exhausting sometimes

Time management during college + this project = chaos!

Sometimes I doubted whether I could pull it off — but I kept going

🌈 Final Thoughts StreetGuardian is not just a tech project — it's a voice for everyday people who care about their surroundings but don’t know where to start. If this helps even one issue get resolved, I’ll feel like I made a difference 💚

Thanks for reading my journey — this is just the beginning 🚀

Built With

• bootstrap
• cloudinary
• css3
• dotenv
• express.js
• github
• html5
• javascript
• maps-integration
• mongodb
• mongoose
• multer
• netlify
• node.js
• postman
• render-(for-backend)