Skip to content

Shariq2003/Advanced-Weather-APP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Advanced Weather App

A simple and interactive weather application that fetches and displays weather information based on user location or searched city. The app uses the OpenWeatherMap API to retrieve real-time weather data.

Features

  • Location-Based Weather: Automatically fetches weather data based on user's current location.
  • Search Functionality: Allows users to search for weather information of any city.
  • Responsive Design: Works seamlessly on various screen sizes and devices.
  • Dynamic Weather Info: Displays essential weather parameters such as temperature, humidity, wind speed, and cloudiness.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • OpenWeatherMap API

Installation

  1. Clone the repository:
    git clone <your-repo-url>
  2. Navigate to the project directory
    cd advanced-weather-app
  3. Open index.html in your browser.
  4. Get your API Key
    • Sign up at OpenWeatherMap to get your free API key.
    • Replace the placeholder in the index.js file
      • const API_KEY = "your_api_key_here"; // replace with your actual API key