Real_Time_Bus_Tracking

Real Time Bus Tracking

Description   |   Roadmap   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

🎯 Description

This project was made during Week 9 of MIT xPRO bootcamp, this is a small project to add animations into Maps using mapbox framework, the original project from MIT was to walk from MIT univeristy to Harvard University.

For this Proyect one of the requiriment was now retrive data from Real Time Bus Tracker API: MBTA API, and display in the map the current location of each bus retrieved from API.

🎯 DEMO

This website is responsive so you can try from you desktop, laptop, mobile or your table. Enjoy the live DEMO

✨ Roadmap

Improvements

✔️ Feature 1: As a MBTA bus user I would like to see the current location of my Bus ID.
✔️ Feature 2: As a MBTA bus user I would like to see the identification number of my bus
✔️ Feature 3: As a MBTA bus user I would like to see the each bus with different color;

For future enhancemnts:

❌ Feature 4: Add a tool tip on mouse over on each bus and display information of each bus.\

Bugs for fix

❌ Issue 1: On mouse over a bus, the tool tip of ID disapear.\

🚀 Technologies

The following tools were used in this project:

• HTML
• CSS
• JavaScript
• MapBox
• Leaflet

✅ Requirements

Before starting 🏁, you need to have Git installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/cpmn/Real-Time-Bus-Tracking

# Access
$ cd Real-Time-Bus-Tracking

# Run index.html in a browser
- [Index.html](index.html)

Once the webpage is loaded you will see all the buses locations from the API, buses will be displayed with a color and a tooltip with the ID

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by Claudia Muñoz

 

Back to top