Desafio

• Front end:
• Tela Principal formulário para cadastro de uma pessoas com os seguintes dados: Nome, CPF e data de nascimento; Ao cadastrar deve-se apresentar uma mensagem informando se o cadastro foi realizado com sucesso ou se houve algum erro.
• Tela de visualização das pessoas cadastradas, esta tela deve conter as seguintes funções: delete do registro e update somente do nome e data de nascimento; Ao excluir ou editar deve apresentar uma mensagem informado se foi alterado/excluido com sucesso ou se houve algum erro.
• Back end:
• Cadastro de pessoas: Não pode inserir uma pessoa sem CPF, deve-se fazer um calculo para validar se o CPF é válido (para descobrir a formula pesquise por CÁLCULO DE CPF no google), não pode inserir dois CPFs iguais; Caso já tenha algum CPF igual na base de dados, deve devolver uma mensagem pro front informando que já existe este CPF no banco. Quando o CPF for inválido, devolver a mensagem pro front dizendo o mesmo.

Como utilizar

• Faça um clone do projeto

backend

• no console: npm i
• Obs: Sera nessario ter um cadastro no MongoDB Atlas e após o cadastro criar uma collection e após isso: -ir em connect > connect using vscod > copiar o código. Na pasta raiz do backend criar um arquivo chamdo .env (o prisma utilza para conectar a variavel ambiente), e nesse arquivo criar variavel DATABASE_URL e colar o código copiado e colocar a senha escolhida na hora da criação do collection ex:

ou voce podera usar o banco de sua preferencia desde que seje suportado pelo Prisma, bem facil a integração link: https://www.prisma.io/docs/getting-started/quickstart.

• no console: npx prisma generate npm run dev (subindo servidor locahost) npx prisma studio (ver a tabela do banco de dados)

front end

npm i npm run dev (subindo servidor locahost)

tudo certo para testar a aplicação

Tecnologias utilizadas

• React
• Node
• Prisma
• MongoDB
• Axios
• Stitches
• Express
• Date-fns

Imagens: