Created a weather dashboard that dynamically displays the weather outlook for multiple cities. On the left side of the page is a form where a user can input a city. When a user inputs a city, a button with that city's name will be created so that the user can easily go back to a previous city. On the right side of the page, the current weather is displayed at the top and a five day forecast is displayed at the bottom. The UV index is color coded based on the severity level.
- HTML
- CSS
- JavaScript
- BootStrap
- moment.js
There is no installation required for this website. Simply click on the link below and you will be taken directly to the website!
Link: https://nicnolen.github.io/weather-dashboard/
When you click on the link, you should see a webpage similar to the one below.
If you see this page, you're good to go!
Type in a city to the search bar and click enter or the search button. Once a city is searched successfully, when the page is reloaded, the weather conditions for the last city searched will be displayed.
If there is a successful search, the city searched will have the current weather conditions displayed at the top, a five day forecast display at the bottom, and a new city search button with the city name will be displayed under the search button. If the city search button is clicked, the weather conditions for that city will be displayed.
If a search is not successful, an error message will appear just above the current forecast for the last city searched. Type in a valid city to the search bar and the error message will disappear and the valid city's weather conditions will be shown.
Permission to use this application is granted under the MIT license. Click on the link for more information: MIT License Information
GitHub Link: (https://github.com/nicnolen)
Email Address: nicnolen@ymail.com