Skip to content

Diyapareta/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤️ Weather App

A simple web application that fetches real-time weather data for any city using a weather API.

🚀 Features

  • Search weather by city name
  • Displays temperature in Celsius
  • Shows humidity level
  • Shows wind speed
  • Dynamic weather icons based on conditions
  • Error handling for invalid cities

🛠️ Technologies Used

  • HTML
  • CSS
  • JavaScript
  • OpenWeatherMap API

📂 Project Structure

weather-app
│
├── images
│   ├── clear.png
│   ├── clouds.png
│   ├── drizzle.png
│   ├── humidity.png
│   ├── mist.png
│   ├── rain.png
│   ├── search.png
│   ├── snow.png
│   └── wind.png
│
├── index.html
├── style.css
├── script.js
└── README.md

⚙️ Setup Instructions

  1. Clone the repository
  2. Open the project folder
  3. Get a free API key from OpenWeatherMap
  4. Replace YOUR_API_KEY in script.js
  5. Open index.html in your browser

🔮 Future Improvements

  • 5-day weather forecast
  • Auto detect location weather
  • Weather animations
  • Mobile UI improvements

About

A simple weather application that fetches real-time weather data using OpenWeatherMap API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors