This is a web application intended to revolutionize how users interact with information from the National Parks Service, with a combined goal of increasing awareness of activities offered in the parks and helping individuals plan park visits. Users can use the application to learn more about national parks, or help inform their upcoming trips by using filters to find parks that contain activities within their interests.
The web application is intended for a wide range of people accomodating for a range of technical abilities as well.
The home page offers an introduction to the user about the website as well as the ability to access the different features through navigation bar or button links found in the page.
The park search page can be used for different reasons; people who want to learn more about national parks, people who have little knowledge but want thinking about visiting a national park, or a place for people to just want to have all of their national park information consolidated into one page. The user can interact with the search bars by selecting an items through clicking or typing. The user chooses a minimum of 1 activity and optionally a state(s) to help filter their search. Depending on the user's choices, a list of parks will be shown that fit the requirements set by the user. The user can interact with the list items and have the option to learn more about them by clicking on their respective images.
This page hosts the information for parks and extended information about each specific park that the user can learn about. This page is the perfect place for a user to continue their research into a specific park. In each individual park's page is listed any relevant information such as:
- Name
- Address
- Park Hours
- Available Activities
- Extended Park Information
- Educational Videos
This page is designed for people who have a national park in mind that they want to visit. The website helps the user plan out a schedule for their trip through their choice of park as well as the dates they are intending to visit. After clicking the "Plan a Trip" button, the user will see a now populated schedule of the days they inputted, along with the suggested itinerary for each day, split into a Morning, Afternoon, and Evening schedule, along with the forecasted weather for that day. Additionally, based on the park, some alerts may appear to let the user know of any potential events such as park closures or nearby weather to be wary of.
To see the current deployment, click Here.
To run on your local machine, go to the How to Build:
To see the full JSDoc, download the entire docs
folder found in exploring-national-parks/docs
and open the index.html
in a browser.
https://github.com/orgs/cis3296f23/projects/117
Follow this project board to know the latest status of the project:https://github.com/orgs/cis3296f23/projects/117
- Clone this repository to your local machine
- Download Node.js for your respective system, Here
- Make sure npm and node are now on your local machine
npm -v
node -v
cd exploring-national-parks
(the lowercase one)npm install
will install the necessary packagesnpm start
will open the app in a new tab with a localhost server