Skip to content

Weather App is a sleek and responsive web application that lets users check real-time weather conditions for any city worldwide. Built using HTML, CSS, and JavaScript with data from the OpenWeatherMap API, it features a user-friendly interface, dark/light theme toggle, and error handling for invalid inputs.

Notifications You must be signed in to change notification settings

AaryaButolia11/Weather-App-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather App

A simple, responsive weather application that allows users to get real-time weather data for any city. Built with HTML, CSS, and JavaScript, the app fetches weather data from the OpenWeatherMap API and features light/dark theme switching for a better user experience.

Screenshot 2025-05-07 213044 Screenshot 2025-05-07 213051


πŸ”§ Features

  • πŸ” Search weather by city name
  • 🌑️ Displays temperature and weather condition
  • 🎨 Toggle between light and dark themes
  • πŸ’‘ Responsive and modern UI
  • ⚠️ Error handling for invalid cities

πŸš€ Live Demo

https://weather-app-peach-nine-79.vercel.app/


πŸ› οΈ Tech Stack

  • HTML
  • CSS
  • JavaScript (ES6)
  • OpenWeatherMap API

πŸ“¦ Setup Instructions

  1. Clone the repository

    git clone https://github.com/your-username/weather-app.git cd weather-app

  2. Get your API Key

    Sign up at OpenWeatherMap

    Go to your dashboard and copy your API key

  3. Add API Key

    Open script.js

    Replace the placeholder API key:

const API_KEY = "YOUR_API_KEY_HERE";

  1. Open in browser Open index.html in your browser

    Or use Live Server in VS Code for development

image

βœ… To Do Add unit tests

Add autocomplete suggestions for cities

Improve mobile responsiveness

Add geolocation support to get weather for current location

🀝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to enhance the app.

About

Weather App is a sleek and responsive web application that lets users check real-time weather conditions for any city worldwide. Built using HTML, CSS, and JavaScript with data from the OpenWeatherMap API, it features a user-friendly interface, dark/light theme toggle, and error handling for invalid inputs.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published