Skip to content

A simple and responsive weather app that fetches real-time weather data using the OpenWeatherMap API. Built with HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

SuRu190/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

31 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


🌀️ Weather App – README.md

A responsive and feature-rich Weather App built using HTML, CSS, and JavaScript.
It fetches real-time weather data from the OpenWeatherMap API and displays current weather and a 5-day forecast with icons.


Dekstop Screenshot

Mobile Screenshot


πŸ”— Live Demo

πŸ‘‰ Click here to View


βœ… Features

  • Search weather by city name
  • Display:
    • 🌑️ Temperature (Β°C)
    • πŸŒ₯️ Weather condition
    • πŸ’§ Humidity
    • πŸ—ΊοΈ City & Country name
  • Weather icons for better visualization
  • 5-Day Forecast section
  • Loading animation while fetching data
  • Error handling for invalid city names
  • Fully responsive design for all devices

πŸ› οΈ Technologies Used

  • HTML5
  • CSS3 (Flexbox & Media Queries)
  • JavaScript (ES6)
  • OpenWeatherMap API

πŸ“‚ Project Structure

Weather-App/
│── index.html
│── style.css
│── script.js
│── desktop-view.png
└── README.md

About

A simple and responsive weather app that fetches real-time weather data using the OpenWeatherMap API. Built with HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published