This React project uses Google maps API and REI's Hiking Project API to show hiking trails around the Triangle area in NC.
Click on map marker icons to see more details about the trail.
Use the filter option in sidebar to show results based on maximum trail length.
View demo version (production build) at https://reyla.github.io/neighborhood-map/
You can clone this project using https://github.com/reyla/neighborhood-map.git
In your project directory, install all project dependencies with npm install
.
To start the development server, use npm start
. It should automatically navigate your web browser to http://localhost:3000
Notes:
The service worker will not work unless it is a production build. To create a production build, use npm run build
and then npm run deploy
which will publish the site according to your package.json file.
You will need to add your own Google API key to the App.js file.
React
axios https://github.com/axios/axios
See more details in package.json.
Google Maps API integration and setup was guided by tutorial videos by Yahya Elharony. https://www.youtube.com/channel/UCcWSbBe_s-T_gZRnqFbtyIA
External API data from HikingProject.com.
Font provided by Google Fonts https://fonts.googleapis.com/css?family=Roboto