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.
ScreenRecording_12-03-2024.20-04-04_1.MP4
◾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
npm install react-calendarnpm install react-icons
Clone o repositório:
git clone https://github.com/oblipix/Calendar.gitAgora você tem uma cópia local do repositório que pode ser modificada conforme necessário.
Esse projeto está licenciado sob a MIT License.