travis.engineering

Skip to main content
Back to projects

TOP Departure Dashboard

07/2022
Next.js
React
TypeScript
TailwindCSS
Google Maps API
Geolocation
MongoDB
Vercel

Introduction

The TOP Departure Dashboard is originally designed to be shown with a large screen hanging on the wall at my place so that I could check the departure time of certain buses / trains as well as the time I would arrive to several important locations.

As the project continues to evolve it is now capable of showing a variable of departures and connections based on the time of day, location of the device accessing the dashboard, events on my own calendar etc.

Since the app is highly customized to myself and the data it offers is personal, no source code / links to the project would be shared and the app is safe-guarded by OAuth authentication.

Outlook

I do have a plan to isolate the dashboard from the adaptive data display part though, with the dashboard part showing entirely static content and the dynamic part become a new React Native App. So stay tuned for more updates.

Screenshots

Main page of the dashboard that shows you the departure time of the next bus or train from your location.
Dashboard page
Main page of the dashboard that shows you the departure time of the next bus or train from your location.