The Internet Speed Availability Map is a web application designed to visualize internet connectivity across different regions by showing real-time data on speed, provider, and online/offline status. Inspired by the need for transparent, community-driven internet access information, especially in remote or underserved areas, this project allows users to submit data that appears as markers on an interactive map. Built using HTML, CSS, JavaScript, Leaflet.js for the frontend, Node.js and Express.js for the backend, and MongoDB with Compass for data storage, the app provides a full-stack solution to visualize and contribute connectivity information. While developing it, we tackled challenges like integrating the map with form inputs, handling geolocation smoothly, and ensuring a consistent connection between the frontend and backend APIs. We're proud of achieving a fully functional, user-friendly platform that solves a real-world problem. Throughout the process, we gained hands-on experience with map visualization, MongoDB integration, and RESTful API design. In the future, we plan to add features like user authentication, speed test integration, filtering by provider or speed, offline map support, and an admin dashboard to make the app even more powerful and accessible.

Built With

  • add
  • and-javascript-using-leaflet.js-for-the-interactive-map-interface.-backend:-built-with-node.js-+-express.js
  • and-update-region-data.-database:-mongodb-for-storing-region-data-with-fields-like:-name
  • css
  • exposing-api-routes-to-fetch
  • frontend:-html
  • latitude
  • longitude
  • provider
  • speed
  • status
Share this project:

Updates