Capibank - Projeto Fintech - Sharp Troopers

🌐 Visão Geral

Bem-vindo ao Capibank, um projeto fintech desenvolvido pela equipe Sharp Troopers como parte do Bootcamp SharpCoders. Este projeto tem como objetivo simular um ambiente de desenvolvimento do mundo real usando a metodologia Scrum. A equipe utilizou várias ferramentas e tecnologias para criar uma solução financeira, combinando habilidades em Angular e C#.

🚀 Objetivos:

Avaliar e aprimorar as habilidades de trabalho em equipe dos participantes.
Estimular o desenvolvimento de habilidades interpessoais (Soft Skills).
Facilitar o crescimento técnico dos membros da equipe.
Permitir a avaliação dos alunos com o apoio de monitores.
Criar um ambiente simulado que reproduza os desafios e dinâmicas de uma empresa.

👑 Deploy do projeto

👑 Rodando o projeto

Pré-requisitos
- Backend: .NET Core SDK
- Frontend: Node.js e npm

Executando o Backend (Swagger)	Executando o Frontend (Angular)
1. Acesse o diretório do projeto backend:	1. Acesse o diretório do projeto frontend:
`cd backend/Troopers.Capibank/`	`cd frontend`

2. Restaure as dependências e compile o projeto:	2. Instale as dependências do Angular:
`dotnet restore`	`npm install`
`dotnet build`
4. Inicie o backend com o comando:	3. Inicie o servidor de desenvolvimento do Angular:
`dotnet watch run`	`ng serve`

5. Acesse a documentação do Swagger no link:	4. Acesse o frontend da aplicação no link:
https://localhost:{PORTA}/swagger	http://localhost:4200/
	O Angular geralmente é executado na porta 4200.

📋 Detalhes do Projeto

Nome: Capibank
Tipo: Fintech
Metodologia: Scrum
Controle de Versão: GitFlow
Frontend: Angular
Backend: C#
Gerenciamento de Projeto: Trello
Design de Telas: Figma
Documentação: Notion
Comunicação: Discord, WhatsApp
IDE: Visual Studio Code
Repositório: Repositório GitHub do Capibank

🚀 Etapas de Produção

🔍 Benchmark

Pesquisa: entender cores, marca e sites
Idealização da marca, logo, cores

🎨 Processo Criativo

Telas priorizando UX/UI e responsividade, usando Figma
Aplicação prática utilizando Angular

💻 Fase de Produção de Código

Implementação das telas
Desenvolvimento utilizando Angular e C#

🎨 Identidade Visual

A identidade visual do Capibank se baseia em elementos distintivos que capturam essencialmente a essência do projeto:

Capivara como Símbolo: A escolha da capivara como mascote destaca valores essenciais, como a importância do trabalho em equipe, a tranquilidade que inspira confiança e segurança, e a adaptação, simbolizando flexibilidade e resiliência.
CapiBank: O nome "CapiBank" foi estrategicamente escolhido para contribuir para a distinção da marca no mercado. Ele não apenas se associa à capivara para gerar empatia e curiosidade, mas também é facilmente memorizável.
Logo Minimalista: A logo apresenta uma moeda com silhueta minimalista, acompanhada por um ponto final, transmitindo uma sensação de decisão e segurança, essenciais no contexto financeiro.
Combinação de Cores Sofisticada: A paleta de cores, composta por um azul escuro que transmite confiança e profissionalismo, e um dourado que adiciona um toque de elegância, contribui para a sofisticação e impacto visual da identidade.

Esses elementos combinados refletem a originalidade e unicidade da marca no setor financeiro, fortalecendo sua presença e conexão com o público-alvo.

🛠 Desafios e Soluções Enfrentados

Angular

Necessidade de mais tempo para consolidar conhecimentos.
Solução: Sugeriu-se um curso específico para incentivar o aprendizado autônomo e capacitar os colaboradores, além de mini-projetos para prática.

GitHub

Dificuldades com conflitos e falta de costume no uso.
Solução: Implementação de uma política de branches com nome do colaborador e resolução de conflitos realizada pela monitora.

Responsividade

Desafios ao lidar com incompatibilidades nos tamanhos de tela.
Solução: Adotamos a ferramenta Responsively App, permitindo visualização em tempo real do layout em diversos dispositivos.

C#

Dificuldade pela falta de prática e conhecimento.
Solução: As funcionalidades foram divididas por entidades, permitindo que a equipe trabalhasse de forma mais independente, reduzindo a dependência do prazo de outros integrantes.

Segurança

Dificuldade na gestão de tempo para aplicar JWT, autenticação de dois fatores, etc.
Solução: Foi implementado um cronograma específico para a implementação de medidas de segurança, priorizando as mais críticas e buscando otimizar o tempo de desenvolvimento.

👥 Equipe - Sharp Troopers

A equipe Sharp Troopers é um grupo de desenvolvedores habilidosos participando do projeto Capibank. Cada membro contribui para o sucesso do projeto, trazendo um conjunto diversificado de habilidades e experiências.