your work week.
Lab · Angular · Utility
Swiss Holiday Tracker.
Pick a canton, a year and the weekdays you actually work — the tracker fetches the official public holidays live from the OpenHolidays API and shows which ones fall on a day you would have been at your desk. It runs below, live, deployed on Vercel.
A calendar question, answered once
The question the app answers is narrow: of this canton’s public holidays, which ones land on a day I work? Every card is colour-coded by the answer — green for a future holiday on a work day, yellow for today, indigo for one already past, grey for a holiday that falls on a day off anyway. A legend sits next to the controls, and the grid keeps every card the same height so the colours read as a calendar, not a list.
Signals and a live API
Angular 19 with Signals for component state, and an RxJS service in front of the OpenHolidays API — the holidays are fetched live per canton and year, not bundled. Canton, year and workdays persist in Local Storage, so the app reopens exactly as it was left. The structure is deliberately conventional: core services, one feature component that orchestrates, and stateless shared components underneath.
The small parts got the attention
The workday toggles are a custom checkbox component with a pop on the tick, built because the native control gives no feedback worth having. Holiday cards are their own component owning the colour logic. Tailwind handles the styling and the layout holds from phone to desktop — a utility this small is exactly where component discipline is cheap to practise.
