radverkehrsatlas.de

(!) This project ist still in development

About

Radverkehrsatlas provides access to bicycle infrastructure data from OpenStreetMap (OSM) for administrative staff. The OSM data is processed and visualized in multiple map views. The integrated verification process provided a way for administrations to check the given data and provide feedback – internally and to the community. Based on this data, administrations can plan new bike lanes and networks and maintain existing infrastrucutre.

The backend, for processing and storing the geographic data, is located at atlas-geo.

Develop

• Framework: NextJS with BlitzJS
• ORM: Prisma
• Styling: Tailwind CSS

For VS Code we recommended some extensions.

To test the login, you need to setup your own OSM OAuth 2-Application, see osm-auth and use update the credentials.

Testing the production bundle

1. Make sure npm run dev works as expected. This will make sure all packages are patched.
2. Create a .env.production.local with settings linke

   NEXT_PUBLIC_APP_ORIGIN=http://127.0.0.1:3000
   NEXT_PUBLIC_APP_ENV='staging' # 'staging', 'production'
   

3. Run npm run build and npm run start to test the production bundle

NextJS tips

• Favicons: icon.svg https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons Generator for favicon.ico https://realfavicongenerator.net/

Helper scripts

All helper scripts run with bun.

Update mapbox styles

See /scripts/MapboxStyles/README.md on how to fetch updated style definitions from Mapbox.

Update regional masks

See /scripts/RegionalMasks/README.md on how to fetch updated the regional mask data.

Update datasets

See /datasets/README.md on how to process and update external datasets.

Contribute

If you find any bugs, feel free to open an issue in this repository.

License

This project is licensed under the AGPL-3.0 License - see the LICENSE.md file for more information. It contains dependencies which have different Licenses, see package.json.

Thanks

For the current version:

• Thank you BlitzJS and NextJS
• Thank you next-usequerystate
• Thank you Tailwind CSS, Tailwind UI and Headless UI

For the alpha version:

• Thank you Vite and Vitest
• Thank you React Location