🚦 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)
