Skip to content

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

 
 
 

Contributors