Using Google Maps Javascript API and google-react-maps npm library, Velo-maps is a an interactive route planning app. Currently the focus is on bike routes, but could be shifted to focus on something else like hiking routes or rock climbing spots.
I got the idea for this app when I was struggling to find tools to help me plan safe bike routes to destinations around Denver. I found the Google Maps API with their bicycle layer and thought it would be perfect for an app that allows users to plan safe urban bike rides, especially for bike commuters, or cyclists in an unfamilier town.
https://velo-maps.herokuapp.com/
https://github.com/carpenter-js/VeloMaps-server
- Default view:
- Help window:
- Creating a route:
- Viewing a saved route:
Frontend: React
State Management: Redux
Server: Node with Express
Database: Mongo
Bike Routes: /api/routes
GET request to endpoint to get all saved bike routes.
POST request to enpoint to create a new bike route.
{ name, description, // optional path }
In the project directory, you can run:
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.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
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.
Your app is ready to be deployed!
See the section about deployment for more information.