Aplicação para criar uma rotina de hábitos e começar 2023 com tudo de forma organizada!
Esta é uma aplicação completa construída durante o evento NLW SETUP da Rocketseat, trata-se de uma aplicação para criar seus hábitos do dia a dia e poder controlar seus a fazeres durante o dia.
A plataforma foi construída utilizando Vite para a construção do frontend e NodeJs com Prisma e SQLite no banco de dados para a construção das APIs consumidas pela plataforma. Os dados persistidos pelo site são variáveis e recebem todas as informações via API do server.
Ao entrar na versão web, vemos na tela uma tabela com os dias do ano e os dias em qua foram realizadas as tarefas, estarão destacadas em tons de roxo, sendo os mais claros representando maios atividade. Ao clicar sobre um dia é aberto um Popover com os hábitos do dia. Ao clicar sobre o botão novo, é aberto um popup para criação de um novo hábito, basta dar um titulo e selecionar os dias que irá praticar.
No app, o usuário é direcionado à pagina inicial do App, onde é possível ter uma visão geral dos seus dias. Nessa tela ao clicar sobre um dia você é direcionado a uma tela para controle dos seus hábitos do dia e ao clicar no botão de Novo, você poderá criar um novo hábito para a sua rotina.
As principais bibliotecas JS utilizadas nesse projeto são: Prisma para a construção da API e banco de dados afim de possibilitar a conexão do Node com o SQLite (o nosso banco de dados), TailwindCSS para a estilização da plataforma web, e Radix Ui uma biblioteca fornece os componentes pré prontos para utilização em React. 📚
O maior desafio desse projeto para mim, foi a construção do backend para lidar com os relacionamentos do banco de dados entre os dias da semana e os hábitos, que são muito para muito. E com certeza um grande desafio é lidar com as datas, mas nesse projeto foi utilizado uma biblioteca 'dayjs' para auxiliar e muito a lidar e comparar as datas.
TypescriptReactViteTailwindcssNativeWindReact NativeExpoNode JSSQLitePrismaFastify
Em todos os projetos, ao acessar a pasta, é preciso baixar os pacotes com o gerenciador de sua preferencia.
Acesse a documentação de cada projeto:
