wessouza / subway-time Goto Github PK

View Code? Open in Web Editor NEW

25.0 1.0 4.0 5.35 MB

A nice NYC Subway time table.

Home Page: https://subwayti.me/

License: MIT License

HTML 1.88% TypeScript 79.41% JavaScript 7.87% Shell 0.15% CSS 10.69%

react subway typescript timetable newyork nyc

subway-time's Introduction

SubwayTi.me

Let's make a nice digital subway time table.

License

MIT, https://wes.dev/LICENSE.txt

subway-time's People

Contributors

Stargazers

Watchers

Forkers

mantiereid rafaelrinaldi leandroferreira

subway-time's Issues

Change advisories from popup to component

Opening a popup for advisories is not the best solution, especially when the site is installed on mobile:

On iOS, closing is only possible with a hard to reach "Done" button
Android doesn't know how to open a local popup and instead opens Chrome, and that prevents the code from writing the contents of the popup, which remains blank

A normal component with the advisory contents will be a better approach.

Implement iOS "add to home screen" features

Implement apple-mobile-web-app-title and apple-mobile-web-app-capable so that, when installed on the home screen, no browser chrome should appear.

Reference: ConfiguringWebApplications.html

Show lines on stops without train information

This is useful for advisories on lines that are so delayed there is no train information on them.

Improve error screen

This looks bad. It should look good.

Service worker

Create a service worker to cache EVERYTHING*.

* Except/api calls, obviously

Improve state management

Implement a better state management machine that does not rely on render functions.

Eject the ejector

While create-react-app is amazing, robust and ideal for a project, it should never be ejected.

Ejecting it gets you stuck in time, without benefiting from any updates and improvements. But I had to customize shit, hadn't I?

Well, it's time to start over, and eject it all.

Install Parcel, because Parcel is ❤️
Remove all dependencies except from whatever is needed to build the website
Leverage Zeit's routing and cgi-bin, I mean, serverless tools instead of spinning an entire node server

Use GraphQL for API

Switch the /api "RESTful" API endpoints to GraphQL.

Play around with data

Look at this.
http://otp-mta-demo.camsys-apps.com/routeViz

Thanks to @rodsenra for pointing it out.

Configure manifest.xml

Configure manifest.xml so that it can be installed on Android devices and Chrome on desktop.

Migrate to eslint, install eslint-plugin-react-hooks

Fix 5X

This does not look like a valid line, maybe trim lineId to 1 character?

Implement related tweets

Parse tweets from https://twitter.com/NYCTSubway and show them alongside advisories.

Improve state management

There are problems with state management, probably related to GPS updating erratically while very inaccurate, such as if the user is in a tunnel on the subway. Which is bad. Especially for this app.

Video here: https://twitter.com/wesleydesouza/status/1115964061425053696?s=21

Enhance navigation

Add a button to go back to the home from a station.

Improve search

Station names and search can be improved immensely.

For example, West 4th Street station is both "W 4 St" on the orange lines and "West 4 St - 6 Av" on the blue line. How can this be improved? Keywords?

Should we add a fuzzy search algorithm?

Related to #13.