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/
👤 Yash Kumar
- Github: @githubhandle
- Twitter: @twitterhandle
- Linkedin: linkedin
Before you begin, ensure you have met the following requirements:
- Git must be installed on your operating system.
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
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>";