Calendário Interativo 🇧🇷 (PT-BR)

Um calendário interativo e personalizável em cores, desenvolvido com HTML, CSS (Tailwind) e JavaScript. Esse projeto foi originalmente criado como parte de um projeto em Django, e decidi disponibilizá-lo para facilitar a vida de quem precisar de uma ferramenta semelhante para organizar e exibir eventos ou tarefas.

Funcionalidades

• Navegação Mensal: Permite navegar entre os meses com apenas um clique.
• Visualização de Eventos: Modal interativo que exibe as atividades programadas para o dia selecionado.
• Cadastro de Atividades: Adicione eventos com data de término, cor personalizada e opção de atividade para um único dia ou multi-dia.
• Seleção de Cores: Diversas opções de cores para identificação visual das atividades no calendário.
• Responsivo e Acessível: Layout adaptável a diferentes tamanhos de tela, com navegação intuitiva.

Como Utilizar

1. Navegar pelo Calendário: Use os botões de navegação para avançar ou retroceder entre os meses.
2. Visualizar Atividades: Clique em um dia específico para abrir o modal com as atividades daquele dia.
3. Adicionar Atividades: Clique no botão "Adicionar Atividade" para abrir o formulário e preencher os detalhes, como nome, data de término e cor.

Interactive Calendar 🇺🇸 (EN-US)

An interactive, color-customizable web calendar built with HTML, CSS (Tailwind), and JavaScript. Originally developed as part of a Django project, I decided to share this calendar to help others who might need a similar tool for organizing and displaying events or tasks.

Features

• Monthly Navigation: Navigate between months with a single click.
• Event Viewing: Interactive modal displaying scheduled activities for the selected day.
• Event Creation: Add events with end date, custom color, and options for single-day or multi-day events.
• Color Selection: Various color options for visually distinguishing events on the calendar.
• Responsive and Accessible: Layout adjusts to different screen sizes with intuitive navigation.

How to Use

1. Navigate the Calendar: Use the navigation buttons to move between months.
2. View Activities: Click on a specific day to open the modal with activities for that day.
3. Add Activities: Click the "Add Activity" button to open the form and fill in details such as name, end date, and color.