Skip to content

yuvarajrece/Weather-App-OpenWeather-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App using OpenWeather API

The Weather App is a web application that fetches real-time weather data from the OpenWeather API and presents it to the user in a user-friendly UI. Features

- Display the current weather conditions including temperature, humidity, wind speed, and weather description.
- Allow users to search for weather data of different cities.
- Automatically detect and display the weather data of the user's current location (optional).
- Responsive design to ensure a seamless experience across devices.

Weather App Screenshot 📷

Screenshot 2024-03-19 224821

Technologies Used

- HTML, CSS, and JavaScript for the frontend user interface.
- OpenWeather API to fetch real-time weather data.
- (Optional) Geolocation API to detect the user's current location.

API Key Setup

To use the OpenWeather API, you need to sign up on their website to obtain an API key. Once you have the API key, create a file named config.js in the project directory and store your API key in it as follows:

#E javascript

// config.js const API_KEY = 'XXXXXXXXXXXX';

Replace 'XXXXXXXXXXXX' with your actual API key.