UnderMap – Smart Underground Utility Mapping System

A real-time digital platform to visualize, manage, and analyze underground utilities using geospatial intelligence—enhancing safety, reducing excavation risks, and streamlining utility operations.

Comment

📌 What it does

UnderMap is a smart, interactive mapping platform designed to digitally visualize and manage underground utilities such as water pipelines, gas lines, fiber optic cables, and sewer networks.

Key Features:

🗺️ Utility Visualization – Draw utility lines using polylines and pinpoint endpoints on Google Maps.

🛠️ Service Ticketing – Raise and manage maintenance or inspection tickets with real-time status tracking.

📍 Check-In/Out with GPS – Workers log their activity from the field with geolocation data.

*🔔 Alerts and Notifications *– Automatically trigger warnings based on deadlines or hazard zones.

*🧾 Data Export *– Export utility data in formats like CSV, PDF, and GeoJSON for auditing and compliance.

*🔒 Role-Based Access *– Admins, engineers, and viewers each have tailored views and permissions.

🛠️ How we built it

Layer Technology Used Frontend - React-based visual builder) Backend Supabase - Auth, Realtime DB, Storage) Geospatial - Google Maps JavaScript API Hosting - Netlify Security - Row-Level Security (RLS) with Supabase

Approach:

🎨 Designed UI flows using visual components

🔗 Integrated Supabase for backend logic and user roles

🌍 Connected Google Maps API for drawing and interaction

🔐 Configured RLS to restrict access by user role

🚀 Performed real-time testing using simulated field workflows

🧗 Challenges we ran into

⚙️ Implementing secure role-based access (RLS) across dynamic data views

📍 Parsing and storing GeoJSON data for polylines and polygons

🎯 Synchronizing real-time data between Admin and Worker views

🔄 Ensuring seamless updates when drawing or editing map features

📱 Designing responsive UI suitable for both desktop and mobile field users

🏆 Accomplishments that we're proud of

✅ Built a fully functional GIS platform without writing traditional backend code

🌍 Developed a scalable solution for municipalities, utility providers, and field engineers

🧠 Designed an intuitive UX that balances complex mapping with simple workflows

🛰️ Enabled real-time, GPS-verified check-ins with live map alerts

📊 Empowered teams with exportable reports and audit-ready logs

📚 What we learned

The importance of geospatial data standards like GeoJSON in infrastructure planning

How to implement Supabase Row-Level Security (RLS) for fine-grained user access

The power of low-code tools to build complex, production-grade applications quickly

How Google Maps API can be extended to create rich editing and drawing features

Value of collaboration between field engineers and admins through role-based modules

What’s next for UnderMap – Smart Underground Utility Mapping System

📱 Mobile-first version with offline support for low-connectivity areas

📡 IoT Integration to automatically detect pressure drops, gas leaks, or repair needs

📈 Analytics Dashboard to visualize historical trends and engineer performance

🔗 API Integrations with municipal planning tools or smart city platforms

🤝 Partner pilots with utility companies and civic bodies to validate and deploy at scale

Built With

  • bolt.new
  • google-maps-javascript-api
  • javascript-(react)
  • netlify
  • postgresql)
  • realtime
  • storage
  • supabase-(auth
  • tailwind-css
Share this project:

Updates