Skip to content

Um calendário que mostra os dias de trabalho, folga e remuneração na Skala Cosméticos

Notifications You must be signed in to change notification settings

joaomsl/skala-days-off

Repository files navigation

🙌 Calendário de Folgas

Banner

Alguns amigos meus trabalham para a Skala Cosméticos, porém eles não disponibilizam algo prático para visualizar a sequência semanal de trabalho. Planejar afazeres a longo prazo é um desafio quando não se tem total certeza do futuro, e por isso resolvi dar uma mãozinha.

⚠ Apesar de funcionar devo ressaltar que essa é a minha primeira aplicação em React com Typescript. Meu contato com ambas tecnologias foram bem rasas no passado. As gambiarras aqui são como baratas, onde tem uma tem mais 🦟

🆕 Preview: Visualize a aplicação no link abaixo:

Visualizar aplicação

📌 Objetivo

  • Gerar um calendário de forma progressiva
  • É necessário conseguir visualizar meses/anos futuros
  • Exibir se aquele determinado dia faz parte da carga semanal de trabalho ou se é folga (podendo variar entre a turma A, B, C e D)
  • Um identificador/lembrete para o dia de remuneração
  • Ser prático e funcional independente da plataforma

📋 Regras de funcionamento

  • Em semanas alternadas os grupos trabalham de segunda a terça-feira e de quinta-feira a domingo
  • O dia do pagamento ocorre nos primeiros 5 dias úteis (exceto no domingo e em feriados)

📦 A aplicação

Depois de muita luta com a regra de negócio (trauma com manipulação de datas adquirida) o projeto já se encontra em pleno funcionamento. Todos os objetivos foram alcançados.

Tecnologias utilizadas

  • React - A biblioteca mais hypada para uma aplicação reativa

    • phosphor-icons/react - Ícones
    • calendar-js - Geração dos dados progressivos do calendário
    • date-fns - Manipulação de data
  • TailwindCSS - Estilização
  • HTML, JS/TS, CSS - Já deve imaginar...

About

Um calendário que mostra os dias de trabalho, folga e remuneração na Skala Cosméticos

Topics

Resources

Stars

Watchers

Forks