This weather application is created using the OpenWeatherMap API with Vanilla JavaScript. Check out live version: https://jamshaidahmedd.github.io/WeatherNow-Weather-Application-HTML-CSS-JS/
The application provides real-time temperature data along with additional details such as Air Quality Index, Real Feel, Humidity, Maximum Temperature, Minimum Temperature, Wind Speed, Wind Direction, Visibility, Pressure, Sunrise, and Sunset.
Explore the Application --> [WeatherAppUsingOpenWeatherMapAPI]
To integrate the OpenWeatherMap API into your project, you'll need to acquire an API key. Follow the steps below to configure your API key:
- Visit the OpenWeatherMap website: https://openweathermap.org/
- Create a new account or log in to your existing account.
- After logging in, access your profile and proceed to the "API Keys" section.
- Generate a new API key and copy it to your clipboard.
- Within your project directory, locate the script.js file. In this file, you'll find a constant named API_KEY. Replace the placeholder 'YOUR_API_KEY' with the API key you obtained from OpenWeatherMap.
const API_KEY = 'YOUR_API_KEY';