Bus dispatcher web app

Isaac Fitzer

Fullstack Engineer
Web Developer
JavaScript
jQuery
React
A web interface for bus dispatchers to view buses live on a map, and manage trips and runs. Using my supervisor's design ideas and direction, I coded the app by myself utilizing React/JavaScript. Trips are displayed on the left and runs on the right. Trips can be assigned to runs by either clicking the "..." and selecting from a dropdown, or by dragging and dropping the trip card over a run card. The map in the center displays live positional data of the buses, and can also show individual highlighted trips. Every icon or underlined text is clickable. The app was created to be easily usable on all sizes of screens. All data to and from the app is communicated through a private API.
The default view. Red buses are stopped. Trails show a brief history.
The default view. Red buses are stopped. Trails show a brief history.
After clicking the "..." on a trip card
After clicking the "..." on a trip card
The "New Trip" window
The "New Trip" window
"Show Vehicle Detail" option turned on from the hamburger menu
"Show Vehicle Detail" option turned on from the hamburger menu
A run expanded by mousing over. Can be clicked to stay expanded.
A run expanded by mousing over. Can be clicked to stay expanded.
Partner With Isaac
View Services

More Projects by Isaac