Skip to content

Abhay-sonkar/Weather-Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather Application

A real-time weather dashboard that displays current conditions and 5-day forecasts for any city worldwide.

🔗 Live Demo

Features

  • Real-time weather data via OpenWeatherMap API
  • City search with error handling for invalid city names
  • Geolocation detection to show local weather on load
  • 5-day weather forecast
  • Dark mode toggle
  • Fully responsive — works on mobile and desktop

Tech Stack

  • HTML5, CSS3, JavaScript (ES6+)
  • OpenWeatherMap API
  • Deployed on Netlify

Screenshots

[paste a screenshot of your app here]

Setup Locally

  1. Clone the repo: git clone https://github.com/abhay-sonkar/Weather-Application.git
  2. Get a free API key from openweathermap.org
  3. In script.js, replace YOUR_API_KEY with your actual key
  4. Open index.html in your browser

What I Learned

  • Working with REST APIs and handling async JavaScript with fetch()
  • Geolocation API in the browser
  • Building responsive layouts with CSS Grid and Flexbox
  • Managing UI state (dark/light mode) with localStorage

About

A responsive weather application that displays real-time weather data and 5-day forecasts for any city worldwide. Features include geolocation detection, dark mode, and a clean, mobile-friendly interface powered by the OpenWeatherMap API.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors