Skip to content

djay-devloper/WeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather App

A simple and modern Weather Web App that allows users to check real-time weather details of any city using the OpenWeatherMap API. The app displays temperature, humidity, wind speed, and weather conditions with dynamic icons.

πŸš€ FEATURES

πŸ” Search weather by city name

🌑️ Real-time temperature display (°C)

πŸ’§ Humidity information

🌬️ Wind speed details

🌀️ Dynamic weather icons based on conditions

❌ Error handling for invalid city names

πŸ“± Responsive UI design

πŸ› οΈ TECH STACK

HTML5 – Structure

CSS3 – Styling & Layout

JavaScript (ES6) – Logic & API Handling

OpenWeatherMap API – Weather Data

πŸ“‚ Project Structure

weather-app/

β”‚

β”œβ”€β”€ index.html # Main HTML file

β”œβ”€β”€ style.css # Styling file

β”œβ”€β”€ script.js # JavaScript logic

β”œβ”€β”€ images/ # Weather icons & UI images

└── README.md # Project documentation

βš™οΈ HOW IT WORKS.

-> User enters a city name in the search box.

-> JavaScript fetches weather data from OpenWeatherMap API.

-> App updates:

-> Temperature

-> City Name

-> Humidity

-> Wind Speed

-> Weather icon changes dynamically based on weather condition.

About

A ready to use app for weather information

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors