📊 FINTECH
📌 Sobre • 📸 Layout • 🛠️ Tecnologias • 🚀 Como executar • 📝 Licença • 👩🏻💻 Autora
O Fintech é uma aplicação web desenvolvida durante o curso de React com TypeScript da Origamid, com o objetivo de praticar os conceitos aprendidos nas aulas.
O sistema consome dados de uma API e apresenta um painel com resumo das vendas realizadas entre o dia atual e até 90 dias anteriores. A interface permite que o usuário:
- Selecione o mês desejado por meio de botões de atalho ou inputs de data personalizados;
- Visualize os dados em gráficos dinâmicos;
- Veja uma lista detalhada de vendas, contendo:
- Nome do cliente
- Data da venda
- Valor da transação
- Forma de pagamento
- Status do pedido
Apesar de não ser um projeto autoral, ele demonstra a aplicação prática de ferramentas como React, TypeScript, consumo de APIs REST, manipulação de datas, renderização condicional e criação de componentes reutilizáveis — sendo uma ótima base para projetos de dashboard ou sistemas de controle financeiro.
Abaixo, uma demonstração da aplicação:
fintech.webm
As seguintes tecnologias foram utilizadas no projeto:
É necessário que você tenha instalado em sua máquina:
Você pode seguir o passo a passo disponível na documentação do React, onde há instruções que vão desde a instalação dos pré-requisitos até a execução do aplicativo.
Se já possui todos os pré-requisitos instalados, siga os seguintes comandos:
# Clone este repositório
$ git clone https://github.com/impaulinha/fintech-dashboard.git
# Acesse a pasta do projeto
$ cd fintech-dashboard
# Vá para a pasta da aplicação
$ cd Fintech
# Instala as dependências necessárias
$ npm install
# Executa a aplicação
$ npm run devVocê poderá acessar a aplicação clicando no link disponível em "Local".
Acesse http://localhost... em seu navegador para visualizá-la.
Este projeto esta sob a licença MIT.
Feito com ❤️ e dedicação por Ana Paula 😊. Entre em contato 👇
- Ana Paula Aguiar - Desenvolvedora Mobile - impaulinha