Skip to content

rachanadutta/weather_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

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

Repository files navigation

β›… Weather App (Front-End Project)

This is a simple, clean, and responsive weather web app built using HTML, CSS, and JavaScript. It fetches real-time weather data using a public weather API and displays the current weather conditions for any searched city.

πŸ”— Deployed Link: https://rachanadutta.github.io/weather_app/


🌟 Key Features:

πŸ”Ž City-Based Search:

  • πŸ™οΈ Enter any city to get real-time weather information
  • πŸ“‘ Weather data is fetched via a public API
  • ❗ Graceful handling of invalid or empty inputs

🌀️ Weather Details:

  • 🌑️ Shows temperature, weather condition
  • πŸ’¨ Displays wind speed
  • πŸ’§ Displays humidity

🎨 Dynamic UI:

  • 🌈 Background or card color/theme updates based on weather condition
  • πŸ“½οΈ Weather-themed looping background video plays (e.g. snow, rain)

πŸ›  Technologies Used:

  • 🧱 HTML5
  • 🎨 CSS3
  • βš™οΈ JavaScript (Vanilla)
  • 🌐 Weather API (like OpenWeatherMap)

πŸ“„ Pages Included:

  • 🏠 index.html – Main weather interface

πŸ“ All functionality is handled in script.js, with styling in style.css.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published