Camp Finder is a front-end application for finding your next National Parks camping adventure! The user can select a state to view all National Parks campgrounds. After selecting a campground, the user can see relevant campground data sucha as fees, types of camp sites, hours of operaiton, amenities, etc. They are also presented with photos of the campgrounds and the option to view a 7-day weather forecast for the area - all helpful things when deciding where & when to pitch your tent!
- Download the project to the location of your choice.
- Navigate to the project directory.
- From the root of the directory, install the project with the following command:
npm install
- Create a .env file in the root of the directory.
- Copy the contents of the .env.sample file into your .env file.
- Replace 'YourNpsApiKeyHere' with your National Parks Service API key.
- Replace 'YourOpenWeatherApiKeyHere' with your Open Weather API key.
- Navigate to the the project directory.
- To run locally, run the following command from the root of the directory:
npm start
- The user can select a state to view National Parks campgrounds.
- After selecting 'Search', a list of National parks campgrounds is populated. The user is presented with a short description & contact info (if available) for each campground.
- Select 'View Camp' to view additional information for the selected campground.
- The user is present with a carousel of images (if available), campsite description, amenity information, accessibility information, directions, operating hours, fees, regulation & reservation information, and contact information for the selected campground.
- Select 'Toggle Weather' to view a 7-day forecast for the selected campground.
- Select 'Return to Search' to return to the list of campground for the seleced state.
- At any time, the user can select a different state from the dropdown menu to view different camps.
Built in Visual Studio with:
- React.js
- JavaScript
- CSS Modules
- National Parks Service API
- Open Weather API
Questions, comments, or concerns about this project? Contact via e-mail or checkout my GitHub!
-
GitHub: spreston4
-
E-mail: [email protected]