ScreenRecording_10-29-2024.22-33-09_1.MP4
deploy: calendarEvent.vercel.app
Descrição
O calendário é uma ferramenta visual intuitiva e personalizável que permite aos usuários navegar facilmente pelos dias e meses, identificar eventos e marcar atividades concluídas. Com uma interface adaptada para diferentes dispositivos, o calendário se adapta a várias larguras de tela, mantendo sua funcionalidade central, seja em um desktop, tablet ou smartphone. Esse calendário funciona bem tanto para uso pessoal quanto para propósitos organizacionais, onde o acompanhamento visual de eventos e tarefas ajuda a manter o fluxo de trabalho organizado e produtivo.
Funcionalidades
◾Eventos com Marcação de Conclusão: Os eventos podem ser marcados como concluídos, aplicando um estilo de riscado no texto, que ajuda o usuário a acompanhar tarefas concluídas e pendentes.
◾ Design Atraente: O calendário usa uma paleta de cores suaves e naturais, como tons de marrom claro e bege, proporcionando uma experiência visual agradável e harmoniosa.
◾ Interatividade: Cada dia no calendário é interativo. Ao passar o mouse ou tocar nos dias e eventos, o usuário recebe um feedback visual, indicando a presença de eventos.
◾ Modal para Detalhes: Ao clicar em um evento, uma janela modal pode aparecer, exibindo detalhes adicionais do evento, permitindo que os usuários vejam descrições e informações extras.
◾ Responsividade: A interface é adaptável para diferentes tamanhos de tela, assegurando uma navegação confortável em qualquer dispositivo.
Important
Ter o Git instalado no seu computador. Se ainda não tiver, baixe e instale o Git.
Uma conta no GitHub (opcional, mas recomendado).
Faça um Fork do repositório, assim nada será alterado do repositório original.
npm install react-calendar
npm install react-icons
Obtenha a URL do repositório:
https://github.com/oblipix/Calendar.git
navegue até a pasta onde deseja clonar.
Clone o repositório:
git clone https://github.com/oblipix/Calendar.git
Agora você tem uma cópia local do repositório que pode ser modificada conforme necessário.