Skip to content

nikitayadav19/Weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌀️ Weather App

A sleek and simple weather application built with HTML, CSS, and JavaScript that lets users check current weather conditions for any city in real-time using the OpenWeatherMap API.



πŸ› οΈ Tech Stack

  • HTML – App structure
  • CSS – Styling and layout
  • JavaScript – Dynamic data and logic
  • OpenWeatherMap API – Weather data provider

πŸš€ Getting Started

πŸ”§ Clone and Run Locally

git clone https://github.com/nikitayadav19/Weather.git
cd Weather

Then open index.html in your browser.


πŸ”‘ Setup Your API Key

  1. Get a free API key from OpenWeatherMap.
  2. Open index.html and replace the value of apiKey:
const apiKey = "YOUR_API_KEY_HERE";

πŸ’‘ How to Use

  1. Enter any city name in the search box.
  2. Click the search button.
  3. See the weather icon, temperature, humidity, and wind speed.
  4. If the city is invalid, an error message is shown.

πŸ“ Project Structure

Weather/
β”‚-- index.html
β”‚-- style.css
β”‚-- images/
β”‚   β”œβ”€β”€ search.png
β”‚   β”œβ”€β”€ clouds.png
β”‚   β”œβ”€β”€ clear.png
β”‚   β”œβ”€β”€ rain.png
β”‚   β”œβ”€β”€ drizzle.png
β”‚   β”œβ”€β”€ mist.png
β”‚   β”œβ”€β”€ humidity.png
β”‚   └── wind.png
β””-- README.md

πŸ™Œ Acknowledgements


⭐ Show Your Support

If you found this project helpful, consider giving it a ⭐ on GitHub!

About

A simple weather app built with HTML, CSS, and JavaScript using the OpenWeatherMap API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published