sua semana de trabalho.
Lab · Angular · Utilitário
Swiss Holiday Tracker.
Escolha um cantão, um ano e os dias da semana em que você realmente trabalha — o tracker busca os feriados oficiais ao vivo na API OpenHolidays e mostra quais deles caem em um dia em que você estaria na mesa. Ele roda abaixo, ao vivo, com deploy na Vercel.
Uma pergunta de calendário, respondida de uma vez
A pergunta que o app responde é estreita: dos feriados deste cantão, quais caem em um dia em que eu trabalho? Cada card é colorido pela resposta — verde para um feriado futuro em dia de trabalho, amarelo para hoje, índigo para um que já passou, cinza para um feriado que cai em um dia de folga de qualquer jeito. A legenda fica ao lado dos controles, e o grid mantém todos os cards na mesma altura para que as cores sejam lidas como um calendário, não como uma lista.
Signals e uma API ao vivo
Angular 19 com Signals para o estado dos componentes, e um serviço RxJS na frente da API OpenHolidays — os feriados são buscados ao vivo por cantão e ano, não empacotados no build. Cantão, ano e dias de trabalho persistem no Local Storage, então o app reabre exatamente como foi deixado. A estrutura é deliberadamente convencional: serviços de core, um componente de feature que orquestra e componentes compartilhados sem estado embaixo.
As partes pequenas receberam a atenção
Os toggles de dia de trabalho são um componente de checkbox próprio com um estalo ao marcar, feito porque o controle nativo não dá feedback que valha. Os cards de feriado são um componente próprio, dono da lógica de cor. O Tailwind cuida do estilo e o layout se mantém do celular ao desktop — um utilitário deste tamanho é exatamente onde disciplina de componente sai barato de praticar.
