A dynamic web application that provides live weather updates for cities worldwide. This project demonstrates the ability to integrate third-party APIs and manage complex UI states using modern JavaScript.
- Live API Integration: Fetches real-time data from OpenWeatherMap using
Async/Awaitfetch calls. - Dynamic Weather Emojis: Custom logic that renders specific icons based on the unique weather ID returned by the API.
- Metric Conversion: Automatically converts temperature data from Kelvin to Celsius for user readability.
- Responsive UI: A clean, mobile-friendly interface with dynamic background gradients.
- Robust Error Handling: Integrated "Error Display" modules to catch invalid city names or network issues.
- Frontend: HTML5, CSS3
- Logic: Vanilla JavaScript (ES6+)
- Data Source: OpenWeather API (JSON)
- Clone the repository.
- Open
index.htmlin any modern browser. - Enter a city name to see live weather data.
Abhinav Adhikari Full-Stack Developer & Aspiring Data Analyst
- Timeline: Feb 2026