Skip to content

šŸ“… count.days: Acompanhe a contagem regressiva para seus momentos especiais. Adicione momentos, visualize o tempo restante e celebre cada marco importante. ConstruĆ­do com React, Vite e Tailwind CSS. šŸš€

Notifications You must be signed in to change notification settings

JoaoAlisonTI/count-days

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Ā 

History

16 Commits
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 

Repository files navigation

count.days

Desenvolvido em 2024 para ajudar os usuĆ”rios a acompanhar o tempo atĆ© seus momentos especiais(ou nĆ£ošŸ˜…) šŸ—“ļøā³.


VisĆ£o geral

Sobre o projeto

count.days Ć© uma aplicaĆ§Ć£o web onde os usuĆ”rios podem adicionar e acompanhar a contagem regressiva para seus momentos e eventos importantes. O projeto foi desenvolvido para praticar conceitos de desenvolvimento web, gerenciamento de estado, e manipulaĆ§Ć£o de datas em React.js.

Screenshots

EsboƧo/Wireframe

Tela 1

Tela 2

Tela 3

Tela 4

Tela 5

Links


Meu processo

Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • Vite.js para inicializaĆ§Ć£o e criaĆ§Ć£o do projeto
  • React.js para estruturaĆ§Ć£o do projeto
  • JavaScript para lĆ³gica e interatividade
  • Tailwind CSS para estilizaĆ§Ć£o
  • Lucide Icons
  • Git e Github para versionamento de cĆ³digo
  • Trello para gerenciamento do projeto

Funcionalidades

Requisitos Funcionais (RF):

  1. RF01: A aplicaĆ§Ć£o deve permitir que o usuĆ”rio adicione um novo momento, especificando titulo e data.(feito)
  2. RF02: A aplicaĆ§Ć£o deve calcular e exibir o nĆŗmero de dias restantes atĆ© o dia do momento especificado.(feito)
  3. RF03: A aplicaĆ§Ć£o deve permitir que o usuĆ”rio visualize todos os momentos adicionados em forma de cards.(feito)
  4. RF04: A aplicaĆ§Ć£o deve permitir que o usuĆ”rio exclua um momento.(feito)
  5. RF05: A aplicaĆ§Ć£o deve exibir uma mensagem especial quando um momento chegar ao dia zero.(feito)
  6. RF06: A aplicaĆ§Ć£o deve permitir que o usuĆ”rio edite os detalhes de um momento existente.
  7. RF07: A aplicaĆ§Ć£o deve ordenar os momentos automaticamente por proximidade da data.
  8. RF08: A aplicaĆ§Ć£o deve armazenar todos os momentos adicionados pelo usuĆ”rio no Local Storage do navegador.(feito)
  9. RF09: A aplicaĆ§Ć£o deve recuperar e exibir os momentos armazenados no Local Storage ao carregar a pĆ”gina.(feito)
  10. RF10: A aplicaĆ§Ć£o deve atualizar o Local Storage sempre que um evento for adicionado, editado ou excluĆ­do.(feito)
  11. RF11: A aplicaĆ§Ć£o deve exibir uma notificaĆ§Ć£o ao criar, editar ou excluir um momento.(feito)

Requisitos NĆ£o Funcionais (RNF):

  1. RNF01: O sistema deve ser responsivo, funcionando em dispositivos mĆ³veis e desktops.(feito)
  2. RNF02: A aplicaĆ§Ć£o deve ser intuitiva e fĆ”cil de usar.(feito)

Continuar o desenvolvimento

Futuras melhorias:

  • ImplementaĆ§Ć£o de um backend para persistĆŖncia de dados
  • ImplementaĆ§Ć£o de lembretes por e-mail ou notificaƧƵes push
  • OpĆ§Ć£o de compartilhamento dos momentos com amigos

Recursos Ćŗteis

  • React - A biblioteca JavaScript para construir interfaces de usuĆ”rio.
  • Vite - Ferramenta de build que visa proporcionar uma experiĆŖncia de desenvolvimento mais rĆ”pida e leve.
  • Tailwind CSS - Um framework CSS utility-first para criar designs personalizados rapidamente.
  • Lucide Icons - Biblioteca de Ć­cones open-source, sucessora do Feather Icons.
  • Trello - Ferramenta de gerenciamento de projetos e colaboraĆ§Ć£o em equipe.
  • MDN Web Docs - Excelente recurso para documentaĆ§Ć£o de HTML, CSS e JavaScript.
  • MDN - Local Storage - DocumentaĆ§Ć£o especĆ­fica sobre o uso de localStorage em aplicaƧƵes web.

Autor

JoaoAlisonTI šŸ‘ØšŸ½ā€šŸ’»


2024

About

šŸ“… count.days: Acompanhe a contagem regressiva para seus momentos especiais. Adicione momentos, visualize o tempo restante e celebre cada marco importante. ConstruĆ­do com React, Vite e Tailwind CSS. šŸš€

Topics

Resources

Stars

Watchers

Forks