A dynamic web application that provides live weather updates for cities worldwide. This project demonstrates my proficiency in handling REST APIs, processing JSON data, and building interactive user interfaces that update in real-time.
- Global Search: Fetch weather data for any city in the world using the OpenWeatherMap API.
- Live Data: Displays current temperature, humidity, wind speed, and weather conditions.
- Dynamic Icons: Visual weather indicators (sunny, cloudy, rainy, etc.) that change based on the local conditions.
- Error Handling: Graceful handling of invalid city names or network issues.
- Responsive Design: Optimized for a clean viewing experience on mobile and desktop.
- JavaScript (ES6+): Fetch API and Async/Await for handling network requests.
- Weather API: OpenWeatherMap API
- HTML5 & CSS3: For a modern, glassmorphism-inspired UI.
- Deployment: GitHub Pages
- API Integration: Implemented the
fetch()method withasync/awaitto handle asynchronous data streams. - JSON Parsing: Extracting and mapping nested data from API responses to display on the frontend.
- Conditional Rendering: Logic-driven UI updates to change background images or icons based on the weather ID.
├── index.html # Application structure
├── style.css # Weather-themed styling and layouts
├── script.js # API logic and DOM updates
└── README.md # Project documentation