Weather-app-user-friendly

Weather-App-user

This web application offers real-time weather updates for any location. Built with HTML, CSS, and JavaScript, it features a user-friendly interface and retrieves data from the OpenWeatherMap API.

Features

• Live Weather Data: Get up-to-date weather information for your current location or search for any city worldwide.
• 5-Day Forecast: View the 5-day weather forecast for your selected city.
• Explore Section: Discover random city weather updates in the Explore section.
• Add Multiple Cities: Save and track weather updates for multiple cities.

Technologies Used

• Frontend: HTML, CSS, JavaScript
• API: OpenWeatherMap
• Icons: FontAwesome

Additional Information

• Retrieve city name using coordinates: OpenWeatherMap Geocoding API
• Fetch current weather data: OpenWeatherMap Current Weather

Getting Started

To set up and run the project locally, follow these steps.

Prerequisites

• A modern web browser.
• An API key from OpenWeatherMap.

Installation

1. Clone the repository:

   git clone https://github.com/Ankit6686/weather.git
   

2. Navigate to the project directory:

   cd weather
   

3. Update the API key in all JavaScript files:

   let apiKey = "Your API Key from OpenWeatherMap";
   

4. Open index.html in a web browser to start using the app.

Usage

• Enter a city name in the search bar and press Enter to view its weather details.
• The app will display temperature, humidity, wind speed, and other weather conditions.
• Explore weather updates for random cities in the "Explore" section.
• Save and track multiple cities for quick access.