A map of pedestrian and bicycle traffic light timings using crowdsourced measurements and OpenStreetMap. Measurments are currently focused on Sydney, Australia, but it will work anywhere in the world.
It is live at https://betterintersections.jakecoppinger.com/
See the blog post at https://jakecoppinger.com/2023/06/mapping-pedestrian-traffic-light-timing-in-sydney-australia/ introducing the project. It's also featured at https://bicyclensw.org.au/pedestrians-are-fed-up-with-begging/
PRs very welcome!
See http://betterintersections.jakecoppinger.com/about
Better Intersections is a statically build Typescript app hosted on Cloudflare pages.
Data is stored in a Postgres database in Supabase. Pin locations are looked up using the OpenStreetMap API.
It has a performance overhead loading the pins for the first time but ensures the data is as fresh as possible (to encourage community contributions).
- Install Node Version Manager (nvm) (https://github.com/nvm-sh/nvm)
- Use correct node version from
.nvmrc:nvm use - Install packages:
npm install
You'll need to get a supabase project. Follow https://supabase.com/docs/guides/getting-started/tutorials/with-react
Once you have a project, get your VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY environment
keys and place them in your .env file.
More DB notes: https://supabase.com/blog/postgresql-views
npm run start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
See Jest docs for args for watching files etc.
yarn test
yarn build
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Note: You'll need to set up your own Cloudflare pages site if you'd like to do this.
Docs: https://developers.cloudflare.com/pages/get-started/direct-upload/
- First login to wrangler:
npx wrangler login - Choose project and deploy (running tests and build beforehand):
npm run deploy
Started by Jake Coppinger. Hosting (Cloudflare Pages, Supabase) and domain under his name.
See contributors on Github: https://github.com/jakecoppinger/better-intersections/graphs/contributors
GNU AGPLv3. See LICENSE.