Skip to content
Train Scheduling Application
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.

Firebase Train Scheduler


Train Schduler

This is a Train schedule application that uses Firebase to host arrival and departure data for trains. First, you schedule a train by entering relevant information about when it is first scheduled and how often it runs. Then, the app shows the schedule of all the trains and when the next arrival time is and how many minutes until it arrives.

  • When adding trains, you provide the following:

    • Train Name
    • Destination
    • First Train Time -- in military time
    • Frequency -- in minutes
  • The app calculates when the next train will arrive based on current time and frequency

  • The app updates the train arrivals (next time and minutes away) every minute to keep the times up to the minute on the web page

  • I added a delete button to the list of trains to allow you to delete it

Live Link

Screen Shots

  • Demo
  • Demo

Possible New Features

  • Add update button for each train. Let the user edit the row's elements-- allow them to change a train's Name, Destination and Arrival Time (and then, by relation, minutes to arrival).

  • As a final challenge, make it so that only users who log into the site with their Google or GitHub accounts can use your site. You'll need to read up on Firebase authentication for this bonus exercise.

  • A bit more refactroing of code and design improvements as time permits

Linked my responsive portffolio and my bootstrap portfolio sites

I added a portfolio item to both my responsive and bootstrap portfolio. Both of those have a portfolio item that links to this game. Just click on the image to open up the game. You can link to either of them by clicking the links below:

You can’t perform that action at this time.