🌦️ Atmos - Live Weather App

Atmos is a responsive weather application that helps users get real-time weather details and forecasts for any city. It combines clean UI with live data from the OpenWeatherMap API to provide a quick and informative weather experience.

🚀 Features

• 🔍 Search weather by city name
• 🌡️ Displays current temperature, sky condition, humidity, pressure, visibility, and "feels like" temperature
• 📅 Shows current date and time
• 🌅 Displays sunrise and sunset times
• 📆 Provides 5-day forecast
• 🕘 Shows today's hourly temperature
• 💨 Air Quality Index (CO, NO₂, SO₂, O₃)

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (ES6)
• jQuery
• Bootstrap 5
• OpenWeatherMap API

📸 Screenshots

Example:
./screenshots/atmos-ui.png

🌐 How to Use

1. Clone the repository

   git clone https://github.com/Mythili-Velivelli/Atmos.git
   cd Atmos

2. Open index.html in your browser

3. Search for any city to get the live weather and forecast

🔑 API Key Setup

• This app uses the OpenWeatherMap API.
• Sign up at openweathermap.org and get your API key.
• Replace the API key in index.html with your own:

// Replace this line:
const apiKey = "YOUR_API_KEY_HERE";

💬 Credits

• Weather data: OpenWeatherMap
• Icons: Custom and open-source icon sets
• UI Inspiration & Tutorial from: Tech Jaswanth — Youtube