Skip to content

static marta.io UI, react spawned with `create-react-app`

License

Notifications You must be signed in to change notification settings

jakswa/marta_ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Deprecated. No longer maintaining.

marta.io UI

Join the chat at https://gitter.im/marta_ui/Lobby

The static front-end for marta.io, currently running on: https://marta.io

beta_marta_io

Setup

  1. Install NodeJS if you haven't.
  2. git clone git@github.com:jakswa/marta_ui.git
  3. cd marta_ui
  4. npm install
  5. npm start

Typically you need a Marta API key to interact with Marta's API. To make this UI simple, I have a separate repo that only serves to proxy API results for us (w/ 10s cache).

S3 Deployment

  1. Setup AWS credentials and CLI if you haven't.
  2. npm run-script build
  3. sync cache-worthy assets: aws s3 sync build/ s3://your_bucket --exclude service-worker.js,index.html
  4. cp cache-excluded assets:
  • aws s3 cp build/index.html s3://your_bucket --cache-control max-age=0
  • aws s3 cp build/service-worker.js s3://your_bucket --cache-control max-age=0

New to S3?

I started this project without having much personal experience with hosting static websites on S3. I started with this AWS tool and then switched to the CLI when it got cumbersome to zip up the build directory over and over.

History/Backstory

marta.io is a tiny, mobile-oriented website that displays the results of marta's real-time train arrival API.

At one point the goal was to fill a need: My station's sign was broken and I wanted to know the train arrival estimates. It grew to be a simple side project that I use, and that requires very little maintenance.

Years passed. The simple angular website got rewritten into an ionic app. I put it up for free on the android appstore, and paid Apple $100 to put it in the iOS store.

More years passed. Angular 2 came out and shook things up. By this time React had grown in popularity, and I had yet to use it on anything serious. Browsers also changed, and were sporting new features around Progressive Web Apps (PWAs).

My company CallRail sent some devs and designers to an offsite to work on experimental projects, and marta.io was my choice. Another rewrite was in order!

About

static marta.io UI, react spawned with `create-react-app`

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published