Skip to content

theadarsh1m/Weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤️ Weather App

A sleek, responsive weather app that shows real-time weather conditions, AQI, and a beautiful city-themed background powered by the Unsplash API.


📸 Demo

🔍 Enter any city name — the background updates to display a famous place or landmark from that city!

Weather App Demo

🔗 Live Demo using server


🔥 Features

  • 🌍 Search by City Name
  • 📍 Auto-detect Location using Geolocation API
  • 🌇 Dynamic Background: Unsplash API fetches images of famous landmarks based on the searched city
  • 🌡️ Displays:
    • Temperature (°C/°F toggle)
    • Feels Like
    • Humidity
    • Air Quality Index (AQI)
    • Latitude & Longitude
  • 🔁 Toggle between Celsius and Fahrenheit
  • 🚫 Handles invalid city names with error message
  • 🧠 Simple, clean UI with Bootstrap 5 & Google Fonts

🛠️ Technologies Used

  • HTML5
  • CSS3 with Bootstrap 5 and Google Fonts
  • JavaScript (ES6)
  • OpenWeatherMap API for weather and AQI data
  • Unsplash API for dynamic background images

🧪 Setup & Run Locally

  1. Clone the repository
    git clone https://github.com/your-username/weather-app.git
    cd weather-app

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published