Weather-Dashboard

• View the Github Repo
• View the Deployed Application

Table Of Contents

• Introduction
• Objective
• Snap shot of the UI
• How To Use The App
• Contact

Introduction

This application presents a weather dashboard. It renders current weather information for a user searched city, it also displays a five day forecast for the same city. All enquired cities will also be displayed on the left side of the page. This app runs in the browser and feature dynamically updated HTML and CSS powered by jQuery. jQuery's ajax method is used to send API requests to openweatherdata.orgss api.

Three API requests are made for every searched city - weather request to get current weather information, forecast request to get five day forecast and UVI request to get ultra violet index.

Objective

The objective of this application to create weather dashboard application that displays current and five days weather forecast data by taking in city name from a user.

Snap shot of the UI

How To Use The App

A user can use this application in the following ways:

1. At first - a user enters a valid city name and click the search button. That will populate important information from the current weather data and from the five day forecast data. It also displays the ultra violet ray index for the entered city. The searched city will be displayed on the app to show that the city has been searched.
2. Clicking a city from the list of searched cities will display the clicked city's current and forecasted weather data.
3. Refreshing the page will provide the user an updated weather data for the last searched city.

Technologies Used

• openweather API
• Bootstrap (CSS Framework)
• jQuery
• JavaScript
• CSS
• HTML

License

• MIT

Contact

Should you have any questions about this repo or the deployed page, contact me on [email protected]