erickmarquesc/empybank

Nesse projeto, desenvolvi uma aplicação para gerenciar a carteira de clientes da Empy Bank, permitindo o cadastro de clientes e assistentes comerciais, e a associação entre eles. O principal reguisito é implementar as operações CRUD (Criar, Ler, Atualizar, Deletar) para ambas as entidades.

Empy

Erick Marques Cabral

Este projeto é exclusivo e foi promovido pela Empy para o processo seletivo de 2024.
Empbank🔗.

Descrição do Projeto   |    Tecnologias   |    Layout

💻 Descrição

Neste projeto, desenvolvi uma aplicação para gerenciar a carteira de clientes do Empy Bank, permitindo o cadastro de clientes e assistentes comerciais, e a associação entre eles. O principal requisito é implementar as operações CRUD (Criar, Ler, Atualizar, Deletar) para ambas as entidades.

Funcionalidades:

• Criar cliente;
• Criar assistente comercial;
• Criar relação entre cliente e assistente;
• Desvincular cliente de assistente.

Conceitos abordados:

• Estados;
• Formulários;
• Propriedades;
• Consumo de API;
• Componentização;
• Imutabilidade do estado;
• Listas e chaves no ReactJS.

🚀 Tecnologias

Este projeto foi desenvolvido com as seguintes tecnologias:

• Next.JS
• ReactJS
• HTML e CSS
• JavaScript
• TypeScript
• Prisma (ADAPTER)
• Zood
• Figma
• Git e Github

👽 Começando

Primeiro, baixe o projeto usando:

git clone https://github.com/erickmarquesc/EmpyBank.git

Em seguida, execute a instalação de todas as dependências. Por exemplo:

npm i

Assim que todas as dependências estiverem instaladas, execute o servidor de desenvolvimento:

npm run dev
# or
yarn dev
# or
pnpm dev

Abra http://localhost:3000/.

🔖 Layout

Você pode visualizar o layout do projeto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.