Skip to content

MrGaurav695/Weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🌤️ Weather App

A simple and responsive Weather Application built with HTML, CSS, and JavaScript.
It fetches real-time weather data from the OpenWeatherMap API and displays temperature, humidity, wind speed, and weather conditions with icons.


✨ Features

  • 🔍 Search weather by city name
  • 🌡️ Real-time temperature updates
  • 💨 Displays humidity and wind speed
  • 🌥️ Dynamic weather icons (Clear, Clouds, Rain, Drizzle, Mist)
  • ⚠️ Error handling for invalid city names
  • 📱 Responsive card-based UI

🛠️ Tech Stack

  • HTML5
  • CSS3 (Flexbox, Gradient, Responsive design)
  • JavaScript (ES6)
  • OpenWeatherMap API

📌 Future Improvements

🌎 Show weather by current location (Geolocation API) 🌙 Dark / Light mode toggle ❄️ Add more weather conditions (Snow, Thunderstorm, Haze) ⏳ Loading spinner while fetching data


🔑 API Key Setup

This project uses the OpenWeatherMap API. 1.Go to OpenWeatherMap and create a free account. 2.Get your API key. 3.Replace the placeholder in script.js: {const apikey = "your_api_key_here";}


👨‍💻Default View https://github.com/user-attachments/assets/28bd2313-cc63-4fce-9fee-b32bfd557eb5


About

🌤️ A simple and responsive Weather App built with HTML, CSS, and JavaScript. Fetches real-time weather data using the OpenWeatherMap API.

Resources

Stars

Watchers

Forks

Contributors