"Simple Weather Application using HTML, CSS & JavaScript"

In this weather app, you can get the weather details of a particular city by entering the city name. Details like temperature in celsius, humidity, windspeed, current time, day and date of the city is provided. Weather emoji icon depending upon the weather condition is shown for better visualisation effect.

Live Demo : https://yashk9293.github.io/weather_webApp/

Show some ❤️ and ⭐ the repo if you like the design.

Author

👤 Yash Kumar

• Github: @githubhandle
• Twitter: @twitterhandle
• Linkedin: linkedin

Prerequisites

Before you begin, ensure you have met the following requirements:

• Git must be installed on your operating system.

Run Locally

To run weather application locally, run this command on your git bash:

Linux and macOS:

sudo git clone https://github.com/yashk9293/weather_webApp.git

Windows:

git clone https://github.com/yashk9293/weather_webApp.git

This project is about building a web application to show a weather forecast using weather API, the api providers are

• https://openweathermap.org/
• https://www.weatherapi.com/

Usage

Paste your API key to the appid and key parameter of the given URLs. These URLs are in line.no 10 & 8 of index.js and setdates.js respectively. You can get both API key from above mentioned links for free. Here 1st API is used for all the details of weather of city and 2nd API is used for the current time, day and date of the city.

api = "https://api.openweathermap.org/data/2.5/weather?units=metric&q=${city}&appid=<your_api_key>";

api = "https://api.weatherapi.com/v1/current.json?q=${city}&key=<your_api_key>";

LICENSE

MIT License