The core functionality revolves around fetching data from a weather API using RESTful calls. After making a request (based on either manual input or geolocation), the app dynamically parses the JSON response and displays it using JavaScript DOM manipulation.
Key features include: City Search & Geolocation: Users can either type a city or let the browser auto-detect their current location. Real-Time Weather Display: Live temperature, weather condition (e.g. sunny, cloudy), and date. Sunrise & Sunset Times: Pulled directly from the API response. Moon Phase Information: A small but delightful detail that adds an extra layer to the user experience. Modular Components: Designed with reusable cards and functions to keep the code scalable and clean. Frontend Stack: HTML, CSS (with gradients and soft UI), JavaScript (Fetch API, async/await).
This project was a great way to dive deeper into API communication and client-side JavaScript logic.
It taught me how to structure data flow between a frontend interface and a third-party API using async functions, error handling, and dynamic rendering. The interface is intentionally light and accessible, so users can get the info they need at a glance, whether they’re planning a day out or just curious about what phase the moon is in.
Next projects.
(2016-25©)
