Skip to content

Latest commit

Β 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 

Repository files navigation

🌦 Weather App

JavaScript OpenWeatherMap Chart.js Bootstrap

A responsive weather application built with HTML, CSS (Bootstrap), JavaScript, and Chart.js, using the OpenWeatherMap API. It allows users to search for a city or use their current location to see real-time weather data, a 5-day forecast, and a temperature chart.

βœ… Features

πŸ” Search by City – Get current weather by entering any city name. πŸ“ Location-based Weather – Uses browser geolocation to fetch your current city’s weather. 🌑 Current Weather – Shows temperature, humidity, wind speed, condition, and an icon. πŸ“… 5-Day Forecast – Forecast cards with date, temperature, description, and weather icons. πŸ“Š Temperature Chart – Line chart showing daily forecasted temperatures using Chart.js. πŸ”„ Unit Toggle – Switch between Celsius (Β°C) and Fahrenheit (Β°F). 🎨 Modern UI – Styled with Bootstrap + custom CSS (glassmorphism effect). ⚠️ Error Handling – Handles empty input, invalid cities, geolocation denial, and API errors gracefully.

πŸ› οΈ Technologies Used

HTML5 CSS3 + Bootstrap JavaScript (ES6+) Chart.js OpenWeatherMap API

About

A responsive web app that shows current weather, a 5-day forecast, and a temperature chart using OpenWeatherMap API. Built with HTML, CSS (Bootstrap), JavaScript, and Chart.js.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages