https://github.com/tassio-med/attendance-system
📅 O projeto consiste em uma aplicação em que é possível realizar o cadastro de clientes para organizar atendimentos.
https://github.com/tassio-med/attendance-system
css3 firebase firebase-auth javascript reactjs vercel-deployment
Last synced: 2 months ago
JSON representation
📅 O projeto consiste em uma aplicação em que é possível realizar o cadastro de clientes para organizar atendimentos.
- Host: GitHub
- URL: https://github.com/tassio-med/attendance-system
- Owner: Tassio-Med
- Created: 2022-12-16T18:06:40.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-16T18:40:57.000Z (over 3 years ago)
- Last Synced: 2025-05-15T02:11:24.434Z (about 1 year ago)
- Topics: css3, firebase, firebase-auth, javascript, reactjs, vercel-deployment
- Language: JavaScript
- Homepage: https://attendance-system-cyan.vercel.app
- Size: 2.68 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://firebase.google.com/).
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](https://attendance-system-isikpkkg8-tassio-med.vercel.app) 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](https://firebase.google.com).
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:
```sh
git@github.com:Tassio-Med/attendance-system.git
```
2. Instale os pacotes npm:
```bash
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](https://github.com/Tassio-Med)
[](https://linkedin.com/in/tassiomed98)
[](https://instagram.com/tassio.med?igshid=ZDdkNTZiNTM=)
## EsLint
Neste projeto foi utilizado o [ESLint](https://eslint.org/) 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.