Skip to content

GabrielCollares/WebBankFrontEnd

Repository files navigation

💻 WebBankFrontEnd

O WebBankFrontEnd é a camada de apresentação de um sistema bancário desenvolvido em um desafio full stack com duração de 7 dias. A aplicação foi construída com foco em performance, organização e integração eficiente com uma API backend, simulando um ambiente real de sistema financeiro.

Este projeto representa a implementação de uma interface moderna capaz de consumir dados dinâmicos e oferecer ao usuário uma experiência fluida na execução de operações bancárias.


🚀 Visão Geral

A aplicação permite que usuários interajam com funcionalidades essenciais de um banco digital, consumindo dados diretamente de uma API REST.

Entre os principais fluxos implementados estão:

  • Consulta de dados da conta
  • Execução de operações financeiras (depósito, saque e transferência)
  • Visualização de histórico de transações
  • Atualização dinâmica da interface baseada nas respostas da API

🧠 Desafio Técnico

O projeto foi desenvolvido sob a restrição de tempo de 7 dias, exigindo:

  • Tomada de decisões rápidas de arquitetura
  • Organização eficiente do código
  • Foco em entrega funcional sem comprometer a qualidade

🧱 Arquitetura do Front-End

A aplicação segue uma estrutura baseada em boas práticas de desenvolvimento front-end moderno:

  • Separação por responsabilidades (componentes, páginas e serviços)
  • Componentização para reutilização de código
  • Camada de serviços dedicada à comunicação com o backend
  • Estrutura escalável e de fácil manutenção

⚙️ Tecnologias Utilizadas

  • React
  • JavaScript / TypeScript
  • HTML5
  • CSS3
  • Consumo de API REST

🔗 Integração com Backend

O front-end foi projetado para se comunicar com uma API bancária, sendo responsável por:

  • Realizar requisições HTTP
  • Tratar respostas e possíveis erros
  • Atualizar o estado da aplicação em tempo real

Essa integração reforça a simulação de um sistema completo, próximo de cenários reais de produção.


📈 Diferenciais

  • ✔ Projeto full stack desenvolvido em apenas 7 dias
  • ✔ Simulação de sistema bancário real
  • ✔ Código organizado e escalável
  • ✔ Integração completa entre front-end e backend
  • ✔ Foco em experiência do usuário

🏁 Conclusão

O WebBankFrontEnd evidencia a capacidade de desenvolver interfaces modernas integradas a APIs, mesmo sob restrições de tempo, aplicando boas práticas e garantindo uma base sólida para evolução futura.

https://www.canva.com/design/DAGHbLyf1vg/2Xd2XmimKtqRD9ia6vRz8Q/edit?utm_content=DAGHbLyf1vg&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

https://sharpbank.vercel.app/

About

my project final

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors