Skip to content

A responsive weather app built with HTML, CSS, and JavaScript. Fetches real-time weather data using the OpenWeatherMap API and displays temperature, humidity, and wind speed.

Notifications You must be signed in to change notification settings

coderKshiteej/weatherapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather App

A responsive weather app built using HTML, CSS, and JavaScript. It fetches real-time weather data from the OpenWeatherMap API and displays temperature, humidity, and wind speed.

πŸ”— Live Demo

View on Netlify

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • OpenWeatherMap API

πŸš€ Features

  • Real-time weather data
  • Error handling for invalid cities
  • Responsive design for mobile and desktop
  • Clean UI with dynamic DOM updates

πŸ“Έ Screenshot

Weather App Screenshot

πŸ“š What I Learned

  • API integration and async JS
  • DOM manipulation and event handling
  • Deployment via Netlify

πŸ“‚ How to Use

  1. Enter a city name in the search box
  2. Click the search button
  3. View weather details instantly

πŸ“¬ Feedback

Open to suggestions and improvements. Feel free to fork or contribute!


🧠 Tips for Writing It on GitHub

  1. After creating your repo, click Add README or edit the existing one.
  2. Paste the content above and customize:
    • Replace your-netlify-link with your actual live URL
    • Add a screenshot if possible (drag and drop into GitHub or use an image link)
  3. Click Commit changes

Want me to help you write a personalized version with your voice and style? Or generate a screenshot preview for your README? Just say the word.

About

A responsive weather app built with HTML, CSS, and JavaScript. Fetches real-time weather data using the OpenWeatherMap API and displays temperature, humidity, and wind speed.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published