Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/joaoalisonti/count-days

šŸ“… 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. šŸš€
https://github.com/joaoalisonti/count-days

count-days countdown dark-theme green-lime javascript reactjs tailwind vitejs

Last synced: 22 days ago
JSON representation

šŸ“… 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. šŸš€

Awesome Lists containing this project

README 

        
count.days





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





- [VisĆ£o geral](#visĆ£o-geral)

  - [Sobre o projeto](#sobre-o-projeto)

  - [Screenshots](#screenshots)

  - [Links](#links)

- [Meu processo](#meu-processo)

  - [Tecnologias](#tecnologias)

  - [Funcionalidades](#funcionalidades)

  - [Continuar o desenvolvimento](#continuar-o-desenvolvimento)

  - [Recursos Ćŗteis](#recursos-Ćŗteis)

- [Autor](#autor)



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

- [Acesse o projeto finalizado, online ā˜ļø](https://count-days-to.vercel.app/)



## 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](https://reactjs.org/) - A biblioteca JavaScript para construir interfaces de usuƔrio.

- [Vite](https://vitejs.dev/) - Ferramenta de build que visa proporcionar uma experiĆŖncia de desenvolvimento mais rĆ”pida e leve.

- [Tailwind CSS](https://tailwindcss.com/) - Um framework CSS utility-first para criar designs personalizados rapidamente.

- [Lucide Icons](https://lucide.dev/) - Biblioteca de Ć­cones open-source, sucessora do Feather Icons.

- [Trello](https://trello.com/) - Ferramenta de gerenciamento de projetos e colaboraĆ§Ć£o em equipe.

- [MDN Web Docs](https://developer.mozilla.org/) - Excelente recurso para documentaĆ§Ć£o de HTML, CSS e JavaScript.

- [MDN - Local Storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) - DocumentaĆ§Ć£o especĆ­fica sobre o uso de localStorage em aplicaƧƵes web.



## Autor

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



---



2024