Proverse: Community Mapping System

Proverse is a project I built to explore how geospatial technology can help communities better understand and solve local issues. It’s a GIS-powered mapping system that visualizes things like traffic congestion, pollution, and access to public services in a user-friendly and interactive way. I’ve integrated tools like voice recognition, weather APIs, and custom GeoJSON data to make the experience both powerful and easy to use—for urban planners, decision-makers, and everyday citizens alike.

🔗 Video Demo: Google Drive

Table of Contents

• Features
• Technologies Used
• Installation and Setup
• Usage Guide
• Open-Source Libraries and Tools
• How It Works
• Contributing
• License
• Links

Features

Here are some key features I focused on while building Proverse:

1. Dynamic Map with Multiple Layers

   • The map, powered by Leaflet.js, supports multiple views (Street & Satellite).
   • You can toggle between data layers for:
     • Traffic congestion
     • Land pollution
     • Drainage systems
     • Custom GeoJSON datasets for local issues like air quality and traffic flow

2. Voice-Controlled Interaction

   • Using the browser’s SpeechRecognition API, you can navigate the map hands-free.
   • Say commands like “Go to [location]” or “Show traffic data,” and Proverse responds with TTS feedback.

3. Turn-by-Turn Routing

   • Thanks to Leaflet Routing Machine, you can get real-time directions between locations.

4. Weather Integration

   • Pulls in live weather data from OpenWeatherMap, based on the user’s location.
   • Weather info is displayed in a mini-overlay with temperature updates.

5. Interactive Sidebars

   • Easily control different views like:
     • Traffic data
     • Pollution levels
     • Weather reports
     • Education and healthcare facilities

6. Mobile-Responsive Design

   • The layout works seamlessly across devices—mobile, tablet, and desktop.

7. Ready-to-Go Use Case Prototypes

   • Includes sample setups for mapping vegetation, air quality, traffic, and civic services.
   • Uses custom icons for highlighting local problems like drainage and pollution.

Technologies Used

• HTML5, CSS3, JavaScript
• Leaflet.js – Mapping and interaction
• GeoJSON – Community data visualization
• SpeechRecognition API – For voice commands
• OpenWeatherMap API – Weather data
• Leaflet Routing Machine – Navigation and routing
• Bootstrap – Responsive layout