- A weather dashboard with form inputs that will run in the browser and feature a five-day forecast and dynamically updated HTML and CSS. - The base URL for your API calls should look like the following:
https://api.openweathermap.org/data/2.5/forecast?lat={lat}&lon={lon}&appid={API key}.
- Build a Weather Dashboard using the 5 Day Weather Forecast, you'll need to pass in coordinates instead of just a city name. Using the OpenWeatherMap APIs, retrieve geographical coordinates given a city name.
- Use
localStorageto store any persistent data. For more information on how to work with the OpenWeather API, refer to the Full-Stack Blog on how to use API keys.
- Create a weather dashboard with form inputs.
- When a user searches for a city they are presented with current and future conditions for that city and that city is added to the search history
- When a user views the current weather conditions for that city they are presented with:
- The city name
- The date
- An icon representation of weather conditions
- The temperature
- The humidity
- The wind speed
- When a user views future weather conditions for that city they are presented with a 5-day forecast that displays:
- The date
- An icon representation of weather conditions
- The temperature
- The humidity
- When a user clicks on a city in the search history they are again presented with current and future conditions for that city
- Functionality - the weather app includes a search option, a list of cities, and a five-day forecast and current weather conditions for London:
- JavaScript, HTML, CSS, Bootstrap, jQuery,Server-Side API - OpenWeather API
-
Download or clone the repository.
-
Open the
.HTMLfile through your web browser to view. -
Use Visual Studio Code or similar source-code editor to run the code.
- GitHub - Yuliya Tasheva
YTasheva.com · LinkedIn @YTasheva · Email ytashevagit@gmail.com ·