https://github.com/icyjoseph/gbgtraffic
Tram and bus stops around you!
https://github.com/icyjoseph/gbgtraffic
axios mapbox-gl-js no-tests react redux redux-saga traffic transportation vasttrafik weekend-hacking
Last synced: 2 months ago
JSON representation
Tram and bus stops around you!
- Host: GitHub
- URL: https://github.com/icyjoseph/gbgtraffic
- Owner: icyJoseph
- Created: 2018-01-23T16:53:14.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T01:52:42.000Z (over 3 years ago)
- Last Synced: 2025-07-21T16:26:00.745Z (11 months ago)
- Topics: axios, mapbox-gl-js, no-tests, react, redux, redux-saga, traffic, transportation, vasttrafik, weekend-hacking
- Language: JavaScript
- Homepage: https://wiry-coal.surge.sh/
- Size: 4.53 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bus/Tram Stops Around You!
Demo available at [BusApp](https://wiry-coal.surge.sh/).
Usage notes:
> You can drag the main marker.
> Clicking the bus icon displays stops around the marker.
> Clicking the Location icon centers the map on the user's current position.
Tech stack:
> Create-react-app, with Redux, styled-components and MUI.
> GeoLocation is done through [MapBox's API](https://www.mapbox.com/).
> The MapBox component uses MapBox's [mapbox-gl-js API](https://www.mapbox.com/install/js/).
> [Västtraffik's API](https://developer.vasttrafik.se/portal/#/) is used to fetch depature/arrival data.
> Access tokens are temporary and generated through a [webtask](https://webtask.io/).
> [Redux-Saga](https://github.com/redux-saga/redux-saga) to manage side effects.
> PWA ready. It even uses web API for geolocation.
> The 8x8 grid on the top right is a graphical representation of the user's ID.
This application was rebuilt as part of a solo weekend hack!