https://github.com/oblipix/calendar

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.
https://github.com/oblipix/calendar

calendar calendar-view calendar-views calendario calendario-dinamico css html react

Last synced: 5 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/oblipix/calendar
• Owner: oblipix
• License: mit
• Created: 2024-10-30T12:58:35.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-11T12:30:41.000Z (15 days ago)
• Last Synced: 2024-12-20T13:26:37.670Z (5 days ago)
• Topics: calendar, calendar-view, calendar-views, calendario, calendario-dinamico, css, html, react
• Language: CSS
• Homepage: https://calendarEvent.vercel.app
• Size: 1.29 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


## 📅 Calendário

**deploy:**  [calendarEvent.vercel.app](https://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.

https://github.com/user-attachments/assets/035ceee0-83b5-4b69-aa57-b7fa490059ec

___

## 📚 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.

___

## ⚙️ Como Clonar este Repositório

### Pré-requisitos:

> [!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.

>

> #### React Calendar

>

> ```diff

> npm install react-calendar

>```

>

> 

> #### React Icons

>

>```diff

> npm install react-icons

> ``` 

  

#### 📄 Estrutura do Projeto

![Captura de tela 2024-12-11 091120](https://github.com/user-attachments/assets/63cebc37-2937-40ce-8fc8-3f20acc3e5ad)

**Clone o repositório:**

```diff

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. 

___

## 📜 Licença

Esse projeto está licenciado sob a MIT License.