🌦️ WeatherMoods App

“Het weerbericht, maar dan met een persoonlijkheid.” WeatherMoods is een dynamische webapplicatie die real-time meteorologische data transformeert tot een thematische ervaring. In plaats van droge cijfers, interpreteert de app de temperatuur door de ogen van drie unieke persona’s: een vampier, een tuinier of een surfer.

---

🎯 Het Concept

Het doel van WeatherMoods was om een alledaags hulpmiddel te veranderen in een interactieve beleving. Door gebruik te maken van conditional logic in JavaScript, verandert niet alleen de visuele interface, maar ook de toon van de berichtgeving. Of je nu advies krijgt over “bloed-slushies” of “wetsuit shrinkage”, de app brengt data tot leven met humor en context.

🛠️ Technische Deep-Dive

• Real-time Data Integratie: De applicatie communiceert rechtstreeks met de OpenWeatherMap API om actuele gegevens op te halen over temperatuur, luchtvochtigheid, windsnelheid en zonnecycli.
• Thematische State Management: Gebruikers kunnen onmiddellijk schakelen tussen drie modi (Vampire, Gardener, Surfer). Dit triggert een volledige UI-transformatie via Tailwind CSS en past de “Feels Like”-commentaar dynamisch aan op basis van de opgehaalde temperatuurwaarden.
• Geavanceerde Logica: Het script bevat een custom windkompas dat graden automatisch omzet naar windstreken (N, NE, E, etc.) en berekent specifieke drempelwaarden voor de verschillende “moods”.
• Modern UI Design: De interface maakt gebruik van Glassmorphism (frosted-glass effecten) en Adobe Typekit typografie voor een strakke, moderne uitstraling die volledig responsive is.

📂 Tech Stack

Onderdeel	Technologie
Frontend	HTML5 & Tailwind CSS
Logic	JavaScript (ES6+ / Fetch API)
Data Bron	OpenWeatherMap API

---

🌦️ WeatherMoods App

“Weather reporting with a twist of personality.” WeatherMoods is a dynamic web application that transforms real-time meteorological data into a thematic experience. Instead of just displaying cold numbers, the app interprets the temperature through the eyes of three unique personas: a Vampire, a Gardener, and a Surfer.

---

🎯 The Concept

The goal of WeatherMoods was to turn an everyday utility into an interactive narrative. By leveraging conditional logic in JavaScript, the app changes more than just its visual interface; it shifts the entire tone of the commentary. Whether you’re getting advice on “blood slushies” or “wetsuit shrinkage,” the app brings data to life with humor and context.

🛠️ Technical Deep-Dive

• Real-time Data Integration: The application communicates directly with the OpenWeatherMap API to fetch live data regarding temperature, humidity, wind speed, and solar cycles.
• Thematic State Management: Users can instantly toggle between three modes (Vampire, Gardener, Surfer). This triggers a full UI transformation via Tailwind CSS and dynamically adjusts the “Feels Like” commentary based on the retrieved temperature values.
• Advanced Logic: The script includes a custom wind compass that automatically converts degrees into cardinal directions (N, NE, E, etc.) and calculates specific thresholds for the various “moods.”
• Modern UI Design: The interface utilizes Glassmorphism (frosted-glass effects) and Adobe Typekit typography for a sleek, modern aesthetic that is fully responsive across all devices.

📂 Tech Stack

Category	Technology
Frontend	HTML5 & Tailwind CSS
Logic	JavaScript (ES6+ / Fetch API)
Data Source	OpenWeatherMap API

---