Skip to content

🌦️ A modern weather app using HTML, CSS, and JavaScript that fetches real-time weather data from the OpenWeatherMap API. Features a responsive design with a sleek dark UI and glassmorphism effects.

Notifications You must be signed in to change notification settings

ShakebShamsi/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather App

A sleek and modern weather application built with HTML, CSS, and JavaScript. This app fetches real-time weather data using the OpenWeatherMap API, featuring a responsive design and stylish dark theme with glassmorphism UI effects.


πŸš€ Features

  • πŸ” Search weather by city name
  • 🌑️ Displays temperature and description
  • πŸ’‘ Beautiful dark UI with animated buttons and gradients
  • ❗ Error handling for invalid city names
  • πŸ“± Fully responsive for mobile and desktop

πŸ› οΈ Technologies Used

  • HTML5
  • CSS3 (Glassmorphism + Gradient + Responsive Design)
  • JavaScript (ES6+)
  • OpenWeatherMap API

πŸ“¦ Setup Instructions

  1. Clone the Repository
    https://github.com/ShakebShamsi/weather-app.git
    

πŸ“ Project Structure

bash Copy Edit weather-app/ β”‚ β”œβ”€β”€ index.html # Main HTML file β”œβ”€β”€ styles.css # All styling (dark theme, responsiveness) β”œβ”€β”€ script.js # Main logic for fetching & displaying weather └── README.md # Project overview and setup

🧠 Author Shakeb Hassan Shamsi

About

🌦️ A modern weather app using HTML, CSS, and JavaScript that fetches real-time weather data from the OpenWeatherMap API. Features a responsive design with a sleek dark UI and glassmorphism effects.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published