A simple and interactive Weather Tracker Web App that allows users to search for a city and view real-time weather details.
- 🔍 Search weather by city name
- 🌡️ Displays current temperature
- 🌥️ Shows weather condition (Cloudy, Sunny, etc.)
- 💧 Displays humidity
- 🌬️ Shows wind velocity
- 🌡️ Displays feels like / apparent temperature
- 📊 Shows atmospheric pressure
- HTML – Structure
- CSS – Styling
- JavaScript – Logic & API handling
- Weather API – For fetching real-time data
weather-tracker/
│── index.html
│── style.css
│── script.js
│── README.md
-
User enters the city name
-
Application sends a request to the weather API
-
API returns weather data in JSON format
-
JavaScript extracts required details
-
UI updates dynamically with:
- Temperature
- Weather condition
- Humidity
- Wind speed
- Pressure
- Apparent temperature
-
Get a free API key from a weather provider (e.g., OpenWeatherMap)
-
Replace the API key in your JavaScript file:
const apiKey = "YOUR_API_KEY";
- 📍 Auto-detect user location
- 📊 5-day weather forecast
- 🌙 Dark mode
- 🔎 Search suggestions
- 📱 Better responsiveness
⭐ If you found this project helpful, consider giving it a star!