Woovi Bank é uma aplicação de gerenciamento bancário com recursos de registro e login de usuários. Este projeto utiliza uma stack moderna de tecnologias para garantir uma experiência de usuário eficiente e responsiva.
-
*Clone o Repositório:
git clone https://github.com/usuario/woovi-bank.git cd woovi-bank -
Instale as Dependências:
npm install
-
Configure as Variáveis de Ambiente:
Crie um arquivo
.envna raiz do projeto e adicione a URL do seu backend GraphQL:GRAPHQL_URL=https://woovi-bank-backend.onrender.com/graphql
-
Execute o Projeto:
npm run dev
Isso iniciará o servidor de desenvolvimento. Abra seu navegador e acesse http://localhost:3000. Verifique a disponibilidade da porta.
src/components: Componentes reutilizáveis, incluindo inputs e botões estilizados com Shadcn.src/services/queries.ts: Definições de consultas e mutações GraphQL.src/utils/functions.ts: Funções utilitárias para formatação de dados, como CPF e moeda.src/utils/validations.ts: Funções de validação para o formulário de registro.
Na página de registro, são realizadas validações para garantir que os dados inseridos sejam válidos:
- Nome: Deve ter pelo menos 3 caracteres.
- Email: Deve ser um email válido.
- Senha: Deve ter pelo menos 6 caracteres.
- CPF: Deve ter exatamente 11 dígitos.
As validações são aplicadas no formulário antes que os dados sejam enviados ao servidor. Erros de validação são exibidos abaixo dos campos de entrada correspondentes para orientar o usuário na correção dos dados.
O usuário pode realizar o login com o email e senha. Após a autenticação, o token de autenticação, id, email, nome e id da conta são armazenados no localStorage e o usuário é redirecionado para o dashboard.
O usuário pode criar uma nova conta fornecendo nome, email, senha e CPF. Assegure-se de que todos os campos estejam corretamente preenchidos para uma criação bem-sucedida da conta.
Acesse o projeto diretamente pelo link de deploy. Por se tratar de um deploy free a primeira requisição após o sistema estar inativo demora em torno de 50s para acontecer.