Skip to content

Sadhna263/Weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌀️ Weather Forecast

A simple and elegant web application to get real-time weather updates for any city using the OpenWeatherMap API. Built using HTML, CSS, and JavaScript.

πŸ“Έ Preview

Screenshot 2025-06-22 221126

✨ Features

  • 🌍 Search weather by city name
  • 🌑️ Displays temperature in Β°C
  • πŸ’§ Shows humidity level
  • 🌬️ Shows wind speed
  • ☁️ Weather condition with icon
  • πŸ“± Responsive and modern UI

πŸ› οΈ Tech Stack

  • HTML5 – Structure
  • CSS3 – Styling and layout
  • JavaScript – Functionality and API integration
  • OpenWeatherMap API – Weather data source

πŸš€ Getting Started

  1. Clone the repository:

    git clone https://github.com/your-username/weather-app.git
  2. Open index.html in your browser.

⚠️ Replace "YOUR_API_KEY" in the JavaScript file with your actual OpenWeatherMap API key.


πŸ“‚ Project Structure

πŸ“ weather-app
 ┣ πŸ“„ index.html
 ┣ πŸ“„ style.css
 ┣ πŸ“„ script.js
 β”— πŸ“„ screenshot.png

πŸ“Œ How It Works

  • User enters a city name.
  • App fetches data from OpenWeatherMap API.
  • Weather details like temperature, humidity, and wind speed are displayed.
  • Icons and layout adjust dynamically based on the response.

πŸ’‘ API Used


πŸ§‘β€πŸ’» Author

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages