Um site/calendário para guardar aniversários de quem é importante para você!
Explore a documentação »
Ver o Demo
·
Reporte um bug
·
Solicite uma funcionalidade
Sumário
Este repositório contém um projeto de calendário com funcionalidades de criação, leitura, atualização e exclusão (CRUD). O projeto foi desenvolvido para treinar conhecimentos obtidos no curso de Sistemas de Informação da XP Educação, no Bootcamp Programador de Software, módulo de Desenvolvimento Web.
O projeto utiliza as seguintes tecnologias:
- HTML
- CSS
- JavaScript
A página está otimizada para todas as plataformas (cross-browser), como score do lighthouse abaixo.
O projeto possui as seguintes funcionalidades:
- Adicionar aniversários ao calendário através de um formulário.
- Exibir os aniversários na tabela abaixo do formulário.
- Editar informações de aniversários existentes.
- Remover aniversários da tabela.
- Alternar entre o tema claro e o tema escuro, com cores baseadas no Google Bard.
- O tabela calendário é gerida em JSON e possui persistência no localStorage.
- Ícones do icomoon.
- Botão para classificar por data de aniversário.
O projeto possui a seguinte estrutura dos principais arquivos:
- index.html: arquivo HTML principal que contém a estrutura do calendário e os elementos interativos.
- style/style.css: arquivo CSS que define o estilo visual do calendário.
- script/script.js: arquivo JavaScript que contém a lógica de interação do calendário.
- fonts/theme.woff2: arquivo de fonte icomoon.
- README.md: arquivo de documentação do projeto (você está lendo este arquivo).
-
Faça o clone deste repositório em sua máquina:
git clone https://github.com/seu-usuario/calendar-crud.git
-
Abra o arquivo index.html em um navegador web.
-
Utilize o formulário para adicionar aniversários ao calendário. Preencha o nome da pessoa e a data de nascimento e clique no botão "Adicionar".
-
Os aniversários adicionados serão exibidos na tabela abaixo do formulário. Cada aniversário terá opções para editar e remover.
-
O tema do calendário pode ser alterado clicando no botão de alternância de tema localizado no canto superior esquerdo.
- Adicionar modal/tutorial para quem entrar no site;
- Adicionar sorting para o array JSON dos aniversarios;
- Com o toggle de sorting ligado, fazer com que a edição seja igual entre o array aniversarios e aniversariosSorted;
- Adicionar notificações para lembrete dos aniversários;
- Transformar em webapp;
- Melhorar estrutura da página, adicionar tags e otimizar entrega do javascript.
Encontrou algum bug ou problema no projeto? Siga as etapas abaixo:
-
Verifique se o bug ainda não foi relatado em nossa seção de "Issues" (problemas) no GitHub: link para os Issues.
-
Caso não tenha encontrado um relatório sobre o bug, clique em "New Issue" (novo problema) para abrir um novo relatório de bug.
-
Forneça um título claro e descritivo para o bug, juntamente com uma descrição detalhada dos passos necessários para reproduzi-lo.
-
Se possível, inclua capturas de tela, trechos de código relevantes ou outras informações que possam ajudar na identificação e resolução do bug.
-
Clique em "Submit Issue" (enviar problema) para criar o relatório de bug.
Obrigado por relatar bugs! Caso queira colaborar com código, você pode abrir um PR e sua participação é mais do que bem-vinda.
Este projeto está licenciado sob a MIT License.