Whether Weather
Project overview
Whether Weather is a multi-city weather dashboard. Users can browse detailed weather information across six cities, each with today’s conditions, the current hour’s forecast, and a 7-day summary, and switch between cities using a drop-down in the navigation bar.
Beyond raw weather data, the app translates conditions into practical guidance through a Health & Activities page, rating each city across six categories – Allergies, Health, Outdoor Activities, Travel & Commute, Home & Garden, and Pests, so users can see at a glance how the weather affects their day, not just what the temperature is.
A Settings page lets users choose favourite cities and set preferences like units, location services, weather alerts, and home/work addresses. The site is fully responsive and includes breadcrumb navigation throughout.
Architecture
| Category | Technologies |
|---|---|
| Static Site Generator | Eleventy (11ty) |
| Templating | Nunjucks |
| CSS Framework | Bulma |
| Icons | Font Awesome |
| Deployment | Netlify |
Design decisions
All pages inherit from a single layout.njk base template, keeping HTML minimal and structure consistent across the site. Shared UI – weather cards, navigation, dropdowns, modals – are built as reusable Nunjucks components rather than repeated markup, so a change to a weather card only needs to happen in one place.
Site navigation is handled through the Eleventy Navigation Plugin instead of hardcoded links on each page, keeping the nav data-driven and easy to extend as pages are added.
Bulma’s dropdown component powers city selection in both the nav bar and the Health & Activities page, and its modal component handles the weather info popup and the login/signup UI reusing one library’s components rather than building custom interactive elements from scratch.
The site deploys via GitHub push to Netlify, so every push to main automatically redeploys the live site with no manual build step.