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).
- πΊοΈ 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
git clone https://github.com/TimInTech/bike-routing-app.git
cd bike-routing-app
pnpm install
Donβt have
pnpm
yet?npm install -g pnpm
pnpm dev
Then open your browser at: http://localhost:3000
- βοΈ Next.js 14
- π§© shadcn/ui
- π¨ Tailwind CSS
- πΊοΈ Leaflet.js
- π OpenStreetMap
- βοΈ TypeScript, pnpm, Vercel-ready
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.
Developed by TimInTech
MIT Β© 2025 TimInTech