A weather app designed to visually help kids understand the current weather before heading to kindergarten or grade school.
This app aims to provide an intuitive and engaging way for young children, as well as individuals with cognitive disabilities, to grasp real-time weather conditions through animated visuals.
- Uses Geolocation to fetch real-time weather data (requires user permission).
- No data is stored or collected; location permission is asked each time the website is opened.
- A displayed kid character will be dressed appropriately for the weather (raincoat, snowsuit, etc.).
- Wind gust animations increase in intensity based on the reported wind speed.
- ✅ Reykjavík
- ✅ Hveragerði
- ❌ Other locations (Not yet implemented)
- ✅ Rain
- ✅ Mist
- ✅ Snow
- ❌ Rainstorm
- ❌ Tornado
- ❌ Windy
- ❌ Extremely Windy
- ✅ Raincoats
- ✅ Snowsuits
- ❌ Wind Jackets
- ❌ Summer Clothing
- ❌ Cold but no snow
- ❌ Thunderstorm (Needs further research)
- 🟡 Somewhat works, but not 100% accurate (Fix planned).
- Weather Data: Fetched using the OpenWeather API.
- Visual Effects: Implemented using in-browser SVG animations.
- Characters & Clothing: Displayed as SVG images.
- Frontend Technologies: Pure CSS & JavaScript.
- Wind Effects: Animated wind gusts change dynamically based on wind speed from API.
- 🌎 Support for more locations.
- 🏙️ More weather conditions and clothing types.
- 📱 Convert the web app into a mobile app.
- 🎨 Improve accuracy of Sun & Moon display.
This project was created as a final project for a Programming class at Tækniskólinn.
- This app does not store or track any user data.
- The website asks for Geolocation each time it's opened.
- Currently, the app only works as a website, but there are plans to convert it into a proper application.
🔧 Built with JavaScript, CSS, and OpenWeather API
📅 Work in Progress – More features coming soon!