Skip to content

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

 
 
 

Contributors