The goal for this project was to develop an application that would allow a user to find national parks based on current location. This project uses the Bulma framework, National Parks Service API (https://www.nps.gov/subjects/developer/index.htm), Mapquest API (https://developer.mapquest.com/), and IPAPI (https://ipapi.co/).
- Deployed using GitHub Pages: https://ricardoshaffer.github.io/Park-Finder/
Map coding and API retrieval by Ricardo Shaffer, home page by Veronica Saleem, planning and API testing by Alex Taylor.
The User Story for this project was as follows:
AS A person who wants to get out of hte house
I WANT TO find the closest park near me
SO THAT I can plan a day trip
The acceptance criteria were as follows:
GIVEN I am looking for a park to go to
WHEN I open the app
THEN I AM presented with the five closest parks near me
WHEN I click on a park location on a map
THEN I get more information about the park presented on a modal
The first function:
WHEN I open the app
THEN I AM presented with the five closest parks near me
The second function:
WHEN I click on a park location on a map
THEN I get more information about the park presented on a modal
- Utilizes Geolocation to determine the user's spot (if mobile), if 'mobile' location is restricted, system will utilize IP-Tracing to determine approximate location.
- API is then called for the state of the user utilizing their geolocation/IP state to determine the parks nearby, including park information, location, & hours.
The National Parks Service API was used for information on parks based on state.
The MapQuest APIwas used to find things that can be done nearby based on search criteria.
The IP API was used for geolocation based on IP and geolocation js as default method; the former used as a substitute to geolocation being disabled.
Google Fonts used for font on home page.
Home page image used with permission from https://Burst.Shopify.com photograph by Nicole De Khors, https://ndkimages.com.
Modal page image used with permission from https://burst.Shopify.com photograph by Marvin Laput Tenepre.
The National Parks Service API provides less details about parks than the Government Recreation API and only allows for searching by State.
Project One by Alex, Victoria, & Ricardo
