Projeto Final Sharp Coders - Hackadev 👩💻
O Hackadev foi o projeto final do programa de formação Sharp Coders. Totalmente prático, de longo prazo e em grupo.
Os objetivos desse projeto foram:
- Simular o ambiente de trabalho real das empresas;
- Avaliar a capacidade de trabalho em equipe;
- Estimular soft skills;
- Auxiliar no desenvolvimento técnico.
Cenário
Desenvolver uma fintech [ImaPay], com serviços funcionais.
Para ter acesso a aplicação funcionando, clique aqui: ImaPay
Entregas
As entregas foram divididas em tasks, tendo um prazo bem definido para cada uma.
Task 1️⃣| Planejamento
Objetivo: Preparar o time para o desafio e estruturar os próximos passos para a etapa de frontend estático.
Requisitos
- Ter uma divisão de responsabilidade;
- Ter enviado inspirações para as telas e os casos de uso do usuário durante a interação;
- Ter criado um repositório no github para o time.
Minhas contribuições na 1º task ✅
- 🟢 Coletei dados e informações do grupo para primeira apresentação;
- 🟢 Ajudei na organização das tarefas iniciais.
Task 2️⃣| Front-end
Objetivo: Construir o front-end estático da aplicação.
Regras
- Trabalhar com HTML, CSS e JavaScript puro;
- Criar identidade visual original (cores, fontes, ícones);
- Não será permitido utilizar Bootstrap ou qualquer outro framework.
Requisitos obrigatórios
- Tela de Login;
- Tela de cadastro do cliente (Dados pessoais, CPF, CEL, Endereço, etc);
- Tela de aceite termos e serviços (com checkbox);
- Tela de recuperação de senha.
Minhas contribuições na 2º task ✅
- 🟢 Criei a identidade visual do grupo, juntamente com a Carolina Castilhos;
- 🟢 Criei o Logotipo da ImaPay;
- 🟢 Forneci a estrutura HTML para as telas iniciais;
- 🟢 Contribui com a estilização do CSS.
Task 3️⃣| React JS
Objetivo: Migrar as telas construidas na etapa anterior para ReactJS e construir novas telas (saldo, transferência e histórico de transações).
Regras
- Migrar o projeto construido nas etapas anteriores para ReactJS;
- Utilizar o conceito de componentização;
- Não será permitido utilizar Bootstrap, Tailwindcss e afins;
- Fazer o deploy da aplicação na vercel, netlify ou serviço similar;
- Adicionar URL do projeto online ao README.
Requisitos obrigatórios
- Projeto estar em ReactJS;
- Simplificar a estrutura com componentes reutilizáveis;
- Construção das 3 novas telas (Saldo, Transferência e Histórico de Transações).
Minhas contribuições na 3º task ✅
- 🟢 Criei os protótipos de todas as telas no Figma, com uma nova identidade visual;
- 🟢 Mudei todo esquema de cores do projeto,
- 🟢 Adicionei a propriedade título em todos os formulários (ReactJS).
Task 4️⃣| Conclusão
Objetivo: Construir o back-end da aplicação e integrar com o front-end.
Regras
No endpoint "Dados do cliente", é necessário retornar o saldo do cliente. Para isso, há duas opções: incluir o saldo diretamente no banco de dados sem precisar de uma tela para adicionar saldo, ou incluir a tela como requisito opcional.
Requisitos obrigatórios
- Construção de uma API em C# com os endpoints de cadastro, login, dados do cliente, transferências e histórico de transações;
- Implementação da API com o front-end;
- O sistema deve ser capaz de armazenar e recuperar informações do banco de dados;
- A localização das pastas do front-end e do back-end deve estar dentro da mesma pasta raiz do projeto, seguindo a estrutura de monorepo.
Minhas contribuições na 4º task ✅
- 🟢 Contruí os models (camada de banco de dados e regra de negócio) para API;
- 🟢 Consertei bugs e realizei melhorias no CSS;
- 🟢 Fiz a integração (front/backend) da página de login.
Todas as minhas contribuições para esse projeto final foram desenvolvidas dentro da equipe 'Code Breakers'. Os outros integrantes do grupo são: Carolina Castilhos, Mateus Nhoato, Thiago Nebuloni, André Santos, Vicente Carvalho, Victor Hugo, Thiago Maia, Weslley Gomes, Thiago Garcia e Vinícius Matos.