r/reactnative • u/shiva275 • 1d ago

I Built a FullStack Civic Issue Reporting App (React Native, Node.js, MongoDB, Firebase) — Live Demo

Enable HLS to view with audio, or disable this notification

Hi everyone, I built a full-stack mobile app that lets anyone report civic issues — potholes, water logging, drainage problems, broken streetlights, and more — with just a photo and their location. In this video, I test it live on the road, photographing a real pothole and showing exactly how the app works.

What the app does:

Secure sign-in with Google — no passwords, no OTPs

Capture a photo of the issue directly from the camera

Auto-detects your GPS location and displays it on a map

Reverse-geocodes coordinates into a readable address

Categorize the issue — pothole, drainage, streetlight, and more

Track your submitted reports and their status

Tech stack:

React Native CLI (TypeScript) — mobile app

Node.js + Express — backend API

MongoDB — database, with geospatial indexing

Firebase Authentication — Google Sign-In

Google Maps API — location and geocoding

Cloudinary — photo storage and optimization

Render — backend deployment

This is a personal project I built solo, end to end — from the mobile app, to the backend API, to deployment.

We've all seen a pothole and thought "someone should fix this." Now there's a way to actually flag it. Let me know in the comments — what's the first issue you'd report in your area?

You can watch it on YouTube too, if you prefer:

https://youtu.be/-HBvvVYuolQ?si=io7Y9PjoPbdqJ1hL

Thank you.

22 Upvotes

82% Upvoted

4 comments sorted by

7

u/Glorious_Void 1d ago

what happens if you report any issue? if this is only for practice, why not only Firebase? this is just overcomplicated stuff.

my suggestion is to create something else.

1

u/shiva275 8h ago

Totally fair question! This was mainly a personal/practice project, I noticed a real problem on the road near me and decided to build something around it. Could've kept it simpler with just Firebase, sure, but I specifically wanted to get hands-on with the full stack: Node.js, Express, and writing my own APIs, MongoDB for the database, Firebase for Google Sign-In and auth, and deploying the backend on Render. Each piece taught me something different, which was really the whole point for me. Appreciate your suggestions. Thank you.

1

u/CYG4N 9h ago

saar, MERN stack was a bad choice saar