Skip to content

🌍 Interactive Bike Route Planner with air-distance, GPS and elevation options – built with Leaflet, OpenStreetMap, Next.js & shadcn/ui.

License

Notifications You must be signed in to change notification settings

TimInTech/bike-routing-app

Repository files navigation

πŸš΄β€β™‚οΈ Bike Route Planner

Bike Route Planner is a modern, interactive web application that helps cyclists explore reachable destinations based on customizable distances. The app supports both straight-line (air distance) zones and realistic route calculation using bike paths and street networks. It also offers GPX export for use in external navigation tools (e.g., QMode, Komoot).

App Preview


🌟 Features

  • πŸ—ΊοΈ Interactive map with Leaflet & OpenStreetMap
  • πŸ“ GPS-based or manual start point selection
  • πŸ“ Configurable distance zones (10β€―km, 25β€―km, 50β€―km or custom)
  • πŸš΄β€β™€οΈ Option to calculate routes using air distance or real bike paths
  • 🧭 Automatic route generation in multiple directions
  • πŸ“¦ GPX export of generated routes
  • πŸ—» Optional elevation data visualization
  • 🧩 Clean sidebar UI with route list and filter options
  • βš™οΈ Built with shadcn/ui, Tailwind CSS & Next.js 14

πŸš€ Getting Started

1. Clone the repository

git clone https://github.com/TimInTech/bike-routing-app.git
cd bike-routing-app

2. Install dependencies

pnpm install

Don’t have pnpm yet?

npm install -g pnpm

3. Start the development server

pnpm dev

Then open your browser at: http://localhost:3000


🧱 Tech Stack

  • βš›οΈ Next.js 14
  • 🧩 shadcn/ui
  • 🎨 Tailwind CSS
  • πŸ—ΊοΈ Leaflet.js
  • 🌐 OpenStreetMap
  • ⛓️ TypeScript, pnpm, Vercel-ready

πŸ“€ Deployment

You can deploy this project using Vercel, or any other platform that supports Next.js.

A Dockerfile or self-hosting guide can be added on request.


πŸ‘€ Author

Developed by TimInTech


πŸ“„ License

MIT Β© 2025 TimInTech

About

🌍 Interactive Bike Route Planner with air-distance, GPS and elevation options – built with Leaflet, OpenStreetMap, Next.js & shadcn/ui.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published