Interactive Weather Dashboard — Figma-to-Code & Vanilla JS ES6+

Engineered a responsive weather dashboard translated from Figma designs into a production-ready vanilla JavaScript application, establishing a strong foundation in DOM manipulation and asynchronous programming. • Integrated the Open-Meteo and browser Geolocation APIs using async/await to deliver real-time data, hourly updates, and 5-day forecasts. • Architected with ES6 modules to handle dynamic UI updates, including day/night visual mapping, animated weather conditions, and light/dark theme toggling without frontend frameworks. • Implemented robust application logic to handle edge cases, including offline/network error states and invalid city search handling.

Figma Blueprint: https://www.figma.com/design/jPmWHmeF2DlfbylbU4t7lr/Weather-Dashboard--Community-?node-id=0-1

Source Code: https://github.com/owaiskhanfrontend