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

No releases published

Packages

 
 
 

Contributors