https://github.com/jmurret/bike-map

A map of bike sharing networks in cities around the world.
https://github.com/jmurret/bike-map

async-await deck-gl fetch-api mapbox-gl react-map-gl

Last synced: 12 days ago
JSON representation

A map of bike sharing networks in cities around the world.

• Host: GitHub
• URL: https://github.com/jmurret/bike-map
• Owner: jmurret
• Created: 2019-02-28T02:57:39.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-06-15T20:07:30.000Z (over 2 years ago)
• Last Synced: 2024-10-28T19:34:12.105Z (2 months ago)
• Topics: async-await, deck-gl, fetch-api, mapbox-gl, react-map-gl
• Language: JavaScript
• Homepage: https://jmurret.github.io/bike-map/
• Size: 2.8 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
bike-map

========

https://jmurret.github.io/bike-map/

A map of on-demand bike vendors in cities around the world.  A simple POC to explore the capabilities of react-map-gl.

Uses the free api at api.citybik.es.  I really appreciate that they share this data.  

Steps to run:

--------------------------

1. Create .env.local file at project root.

2. Add `REACT_APP_MAPBOX_TOKEN=` to this file and save it.  (this was bootstrapped form Create React App)

3.  `npm start`

4. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

Notes:

--------------------------

-Some locations have a center point that is a little off with the default zoom level for the city.  Try a few and you will see.  Denver and Portland to name a few work really well.  

-Integration tests in App.test.js highlight the value of integration tests.  Achieving the same full tests coverage of almost 100% as unit tests (not including map related tests as I try to find the best way to test). Integration tests are capturing the desired interaction and the implementation can be change yet still support these tests.

John Murret ([email protected])