The Bus Tracker widget for the MyBallState app is being developed to provide real-time bus tracking, ensuring students and faculty can conveniently view bus locations. This project is designed to replace the previous TransLoc system with an in-house solution.
The widget is built with Preact, a lightweight React framework that integrates seamlessly into the MyBallState app. Preact was chosen over pure JavaScript for its maintainability and because our team has extensive experience with React. The widget also leverages MapLibre with OpenFreeMap, an open-source mapping solution that eliminates hosting costs. For route mapping, we used OSRM (Open Source Routing Machine) to generate bus loop geometries based on bus stops. The loop data is stored in GeoJSON format, a structured format widely used for mapping applications.