Skip to content

Latest commit

Β 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather App using JavaScript (Fetch API) A simple and responsive Weather Application built using HTML, CSS, and JavaScript. This app uses the JavaScript Fetch API to retrieve real-time weather data from the OpenWeather API and displays current weather information for any searched city.

πŸš€ Features πŸ” Search weather by city name 🌑️ Displays temperature in Celsius πŸ’§ Shows humidity level 🌬️ Displays wind speed πŸ”„ Uses Fetch API for asynchronous data fetching πŸ–ΌοΈ Dynamic weather icons based on conditions ❌ Error handling for invalid city names πŸ“± Responsive and clean UI

πŸ› οΈ Technologies Used HTML5 – Page structure CSS3 – Styling & layout (Flexbox) JavaScript (ES6) – Logic & DOM manipulation Fetch API – Fetching weather data asynchronously OpenWeather API – Live weather data Font Awesome – Icons

βš™οΈ How It Works User enters a city name Fetch API sends a request to OpenWeather API API returns weather data in JSON format JavaScript processes and displays the data dynamically

πŸ“Œ Future Improvements Auto-detect user location Β°C ↔ Β°F temperature toggle Weather forecast feature Loading animation

🧠 Developer Notes Weather App using Fetch API Developed using JavaScript ES6 Handles API calls, DOM updates, and error handling

About

This is the simple, beginner-friendly Weather + Humidity + AQI detection web app using HTML, CSS, and JavaScript with the Fetch API. The user can search a city name, and it will show: 🌑️ Temperature πŸ’§ Humidity 🌫️ AQI (Air Quality Index)kjsdsdos

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages