7th Homework Assignment for UCI Coding Bootcamp - Incorporate Firebase to host train arrival and departure data
In this assignment, you'll create a train schedule application that incorporates Firebase to host arrival and departure data. Your app will retrieve and manipulate this information with Moment.js. This website will provide up-to-date information about various trains, namely their arrival times and how many minutes remain until they arrive at their station.
- We'll leave that up to you -- however you like. Just make sure you're using Firebase to store data, GitHub to backup your project, and GithHub Pages to host your finished site.
-
Make sure that your app suits this basic spec:
-
When adding trains, administrators should be able to submit the following:
-
Train Name
-
Destination
-
First Train Time -- in military time
-
Frequency -- in minutes
-
-
Code this app to calculate when the next train will arrive; this should be relative to the current time.
-
Users from many different machines must be able to view same train times.
-
Styling and theme are completely up to you. Get Creative!
-
Consider updating your "minutes to arrival" and "next train time" text once every minute. This is significantly more challenging; only attempt this if you've completed the actual activity and committed it somewhere on GitHub for safekeeping (and maybe create a second GitHub repo).
-
Try adding
update
andremove
buttons 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.