ariehh1 / Weather-Dashboard

Weather Dashboard that displays current temperature, humidity, and wind speed upon user search.

Home Page:https://github.com/ariehh1/Weather-Dashboard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather-Dashboard

This is a repository that details a Weather Dashboard connecting into a third party API. Third-party APIs allow developers to access their data and functionality by making requests with specific parameters to a URL. For this Weather Dashboard, I utilized the OpenWeather API (https://openweathermap.org/api) to pull in their weather data.

On the far left side of the application, the user can see what they have previously searched for. This will prevent any duplication upon searching for a specific city. The icons that appear within the dashboard are also pulled in from the OpenWeather API. This element enhances the overall structure of the dashboard as the user can clearly identify good weather from poor weather.

One challenge I had to overcome when constructing this application was overcoming how to display the weather criteria correctly. By adhering to a simple formula using Jquery, I was able to traverse the DOM and place those elements where they should be.

References:

Setup:

Deploy the weather dashboard application direclty in your browser utilizing the following link: https://ariehh1.github.io/Weather-Dashboard/. Upon arrival, simply input your desired city to see their weather information.

Screenshot: image

Contact: This repository was created by @ariehh1.

About

Weather Dashboard that displays current temperature, humidity, and wind speed upon user search.

https://github.com/ariehh1/Weather-Dashboard


Languages

Language:HTML 74.6%Language:JavaScript 20.4%Language:CSS 5.0%