Bem-vindo ao Attendance System!

Este projeto foi desenvolvido com o intuito de colocar em prática meus conhecimentos de Desenvolvimento Web, especificamente tratando-se do uso do Firebase. Aqui você pode conhecer um pouco sobre minhas hard skills.

As principais habilidades colocadas prática nesse projeto foram:

• React.JS.
• Javascript;
• CSS3;
• Firebase;
• Deploy com Vercel;
• ESLint;

Usabilidade

O projeto Attendance System consiste em uma aplicação em que é possível realizar o cadastro de clientes para organizar atendimento. Inicialmente é necessário se cadastrar no sistema e depois fazer o login, assim seus dados ficarão salvos no banco de dados Firebase.

Há também a possibilidade de realizar atividades para cada cliente, sendo classificados em "Aberto", "Progresso" e "Atendido". Através dessas tags fica mais fácil de manter o controle de atendimento e serviços prestados por cliente. É importante relembrar aqui que todas as atividades e clientes ficam salvos no Firebase.

Além disso, podem ser editos os detalhes das atividades por cliente e também o perfil do usuário que pode ter uma foto personalizada, basta fazer o upload.

Instalação

Para testar o projeto na sua máquina pessoal siga os seguintes passos:

1. Clone o repositório:

git@github.com:Tassio-Med/attendance-system.git

2. Instale os pacotes npm:

npm install

Design

Para a construção visual do projeto foi utilizado CSS3 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
##1f1f1f	31, 31, 31
##252525	37, 37, 37
#121212	18, 18, 18
#F65835	246, 88, 53
#83bf02	131, 191, 2
#31407a	49, 64, 122
##ddd	221, 221, 221

Autor

• @tassio medeiros

EsLint

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.