Este projeto foi desenvolvido com o intuito de colocar em prática meus conhecimentos de Desenvolvimento Web, especificamente tratando-se do uso do NextJS. Aqui você pode conhecer um pouco sobre minhas hard skills.
- React.JS.
- Next.JS
- Next-Auth;
- Typescript;
- CSS3;
- Firebase;
- Deploy com Vercel;
- ESLint;
O projeto Task Board consiste em uma aplicação em que é possível fazer anotações ou criar tarefas(fica ao seu critério). Além disso você pode fazer login através do google e suas anotações ficam salvas no banco de dados Firebase.
Há também a possibilidade de fazer comentários nas anotações de outros usuários que foram registadas como públicas, porém, a função de comentar só está disponível para quem fez login com sua conta pessoal. Além disso também é possível compartilhar a url das anotações que foram feitas.
Na tela inicial o usuário pode ver a quantidade de atividade que possui e o número que comentários que foram feitos.
Para testar o projeto na sua máquina pessoal siga os seguintes passos:
- Clone o repositório:
git@github.com:Tassio-Med/task-board.git- Instale os pacotes npm:
npm installPara a construção visual do projeto foi utilizado SASS e a biblioteca React-icons para adicionar ícones SVG. No projeto foi utilizada a seguinte paleta de cores:
| HEX | RGB | Cor |
|---|---|---|
#fff |
255, 255, 255 |
 |
##fafafa |
250, 250, 250 |
 |
#f1f1f1 |
241, 241, 241 |
 |
#6eafa7 |
110, 175, 167 |
 |
#ea3140 |
234, 49, 64 |
 |
#3183ff |
49, 131, 255 |
 |
#909090 |
144, 144, 144 |
 |
##0f0f0f |
153, 0, 153 |
 |
Neste projeto foi utilizado o ESLint para fazer a análise estática do código. Ajudando a garantir a qualidade do código de forma a tê-lo mais legível, de mais fácil manutenção e seguindo as boas práticas de desenvolvimento.