jbccollins / metro-monitor Goto Github PK

Linking on facebook makes the preview image look like shit

Let people turn tiles off. Just use a black/white div background for night/day modes. Use the dc polygon as a outline.

If you close the prediction popup while a prediction data request is in flight the popup will reopen when that request comes back

I do waaay to much stuff in render methods. That's not performant :(

Make it more obvious when you can scroll to see more

Oh and fix the vendor prefixing so that it actually animates on mobile

Use this: https://github.com/shaketbaby/directory-named-webpack-plugin

https://stackoverflow.com/questions/20937280/how-to-change-url-without-changing-browser-history

Currently it only works on desktop browsers over https. Figure out something better.

If I've filtered out the red line then don't pick a station on the red line

Right now I fetch all trains, alerts and predictions no matter what filters you have set. This is great when on a desktop or wifi since you get really snappy results when toggling filters on and off. But it's not so great for mobile users who have limited data. Add a toggle to only fetch data that is immediately needed.

Maybe try doing an offset?

A.K.A: Fix autoprefixer :(

The height restrictions cause unnecessary scrolling on desktops when there are many alerts or when you've clicked on gallery place / metro center without any filters. The height restrictions currently exists to prevent screwy layout stuff on mobile but using a media query that can be fixed for desktop.

Some train icons (teardrops) have black outlines (silver, orange, yellow). Others have white outlines (blue, red, green). They should be consistent. Probably no outline would be best.

Grey out closed stations

Especially new carrolton/vienna fairfax

Panning frequently is accompanied by a jump in zoom level. Still looking for a mcve.

https://www.dcmetrohero.com/apis
The MetroAlerts API provided by dcmetrohero has station codes associated with each alert (unlike WMATA's API). Evaluate the accuracy of this API and come up with a way of displaying affected stations.

Make it more colorblind friendly (especially for Gallery Place which has both red and green lines)