The code contained in this repository is for a National Park search app that allows users to find information about all National Parks in the USA. Information includes entrance fees and weather forecasts via the OpenWeather 3rd Party API.AS A summer traveler I WANT to see the weather outlook, entrance fees, description, photos, and special highlights of all of the national parks in the United State SO THAT I can plan a trip accordingly
GIVEN a national park search form WHEN I search for a national park, THEN I am presented witn an autocomplete menu of all parks that start with that letter for easy searching, and THEN I am presented with the park name, the date, an icon representation of weather conditions, the temperature, the humidity, and windspeed. THEN I am presented with a 5-day forecast that displays the date, an icon representation of weather conditions, the temperature, the wind speed, and the humidity.
WHEN I search for a national park, THEN I am presented with photos of the park, a brief description of that particular park, entrance fees for the park, and the the latitude and longitude of the particular park.
WHEN I click on a national park in the search history THEN I am again presented with the weather, entrance fees, description, and lat and lon of that park.
WHEN I click on the "home" links in the navBAr THEN I am brought to the homepage of the National Park Service.
GIVEN a link in the navBAr for closure information, and partnership, THEN I am presented with information about park closures and NPS involvement activities from the NPS home page.
WHEN I click on the "Learn More" button near the bottom of the page, I am presented with a modal for a sign-up sheet to receive additional National Park information.
- HTML / CSS / JavaScript
- BULMA for additional styling and functionality
- NPS developer API: https://developer.nps.gov/api/v1/
- Open Weather API 2.5 version: https://api.openweathermap.org/data/2.5/onecall
Landing page:
Main Page:
Navbar with several options:
Entrance fee card:
Recent Searches Dropdown:
5-Day Weather Information Cards:
