Aplicação web desenvolvida para o desáfio técnico do processo seletivo da Bemol, contendo um sistema com front-end e API para cadastro de usuários na plataforma.
O sistema pode ser acessado via web e mobile neste endereço aqui.
Tecnologias utilizadas no desenvolvimento desse sistema:
- React
- Next.js
- Typescript
- CSS modules
- MongoDB
- Primeiro é necessário clonar o projeto usando
git clone https://github.com/julialuiza/bemvindol.git
no terminal. - Depois, configurar a aplicação usando
yarn
no diretório raiz.
- Para que a funcionalidade de cadastro funcione, é necessário configurar um novo BD;
- Para isso, basta acessar o Atlas MongoDB, criar uma conta, configurar um novo BD com o nome
"bemvindol"
e também uma collection chamada"users"
(para mais detalhes sobre configuração, acessar o docs); - Depois, renomeie o arquivo
env.example
paraenv.local
e substitua{USUÁRIO}
e{SENHA}
pelas suas credenciais de conexão ao mongoDB; - Para fins de visualização, a collection no MongoDB deve ter esta estrutura:
- Caso ocorra algum erro neste passo, estou disponível para auxiliar e/ou passar minhas credenciais, em
[email protected]
- Após a instalação e configuração do BD, utilizar
yarn dev
para iniciar a aplicação. - Depois, acessar
http://localhost:3000/
para visualizar.
As respostas para as perguntas estão em /questoes_respostas/respostas.txt
e os diagramas c4 estão em /c4_models/c4_diagramas_arquitetural_solucao.pdf
Melhorias futuras:
- máscara e validação de alguns dos campos do formulário que ainda não possuem, como cpf;
- melhorar responsividade de alguns elementos na versão mobile;
- armazenar a senha de forma criptografada no banco de dados;
- dividir o componente SignUp em outros componentes com passo 1, passo 2 e passo 3, para diminuir a complexidade de entendimento do código.