/smartcommute

Live map of some buses from a certain city

Primary LanguageJavaScript

🚌 Bus LiveMap

Bus LiveMap is a web application that displays the real-time location of Bus buses on a map. The app uses Leaflet to display the map and fetches the bus location data from the Bus API. The app allows the user to follow a specific bus on the map and displays the routes of all available buses.

Installation

No installation is required to use the Tursib LiveMap application. Simply fork the repo and open the index.html in browser.

Usage

  • Visit the webpage in your web browser.
  • Select a bus route from the list of available routes.
  • Optionally, click the "Follow the Bus" checkbox to center the map view on the selected bus.
  • The map will display the real-time location of the selected bus.

Docker container

To build and run the Docker image follow the next steps: docker build . -t smartcommute:0.0.1 docker run --rm -p 8080:80 smartcommute:0.0.1

Or you can use Docker compose: docker-compose up

And to stop the instance: docker-compose down

To do 🔨

  • Update design for Mobile
  • Update design for Desktop
  • Add stops on the map
  • Add 'Get my location'
  • Update map marker icon
  • Draw map route for each Bus
  • Create dockerized version
  • Bus variants for all routes

Bugs 😔

  • The logic for obtaining and displaying the stop markers is too simplistic and does not account for all possible scenarios and right now some stops are missing or shown wrong

Icons

Dependencies

  • Leaflet 1.9.4
  • Bulma 1.0.0