Skip to content

Latest commit

 

History

History
68 lines (44 loc) · 3 KB

README.md

File metadata and controls

68 lines (44 loc) · 3 KB

📊 Projeto Gerenciamento de Dados com TypeScript

Este projeto tem como objetivo modelar e gerenciar dados vindos de uma API. Os dados simulam transações referentes a compras de produtos, contendo informações como ID, data, forma de pagamento e valor. Por fim, os dados são apresentados de forma organizada em uma tabela, além de exibir estatísticas gerais relacionadas às transações. O projeto foi desenvolvido utilizando TypeScript e a ferramenta Vite para facilitar o desenvolvimento e automação do seu processo de inicialização.

🖥️ Tecnologias Utilizadas

  • TypeScript: Para garantir maior robustez aproveitar os benefícios da tipagem estática.
  • Vite: Para proporciona uma configuração rápida e otimizada, com recarga instantânea.
  • HTML5/CSS3: Para estruturar e estilizar a interface.
  • JavaScript: Para ditar a lógicam manipulação de dados e interação com a API.

⚙️ Funcionalidades

  • Consumo de API: O projeto consome uma API externa para obter dados sobre transações e compras de produtos.
  • Redesenho de Dados: Os dados recebidos da API são manipulados e reorganizados para se ajustarem a uma nova estrutura visual.
  • Exibição em Tabela: As informações sobre as transações são exibidas de forma clara e organizada em uma tabela.
  • Seção de Estatísticas: Uma seção dedicada a apresentar estatísticas gerais sobre as transações, como totais de compras e formas de pagamento.
  • Interface Desktop Only: A interface foi projetada para uso exclusivamente em desktop, sem suporte para dispositivos móveis.

🔗 Live Link

🔎 Preview

print

▶️ Como Rodar o Projeto

  1. Clone o repositório:

    git clone https://github.com/renardbergson/gerenciamento-de-dados-ts

  2. Navegue até o diretório do projeto:

    cd gerenciamento-de-dados-ts

  3. Instale as dependências utilizando o npm:

    npm install

  4. Inicie o servidor de desenvolvimento:

    npm run dev

  5. Estrutura do Projeto

    ├── src/                 # Código fonte do projeto
│   ├── interfaces/      # Tipos TypeScript para estrutura de dados
│   ├── models/          # Classes TypeScript para separar as responsabilidades de obter os dados e retornar estatísticas
│   ├── utils/           # Funções úteis reutilizáveis
│  ├── main.ts           # Arquivo typescript responsável pelo fluxo principal
├── index.html           # Arquivo HTML principal
├── tsconfig.json        # Configuração do TypeScript
├── vite.config.ts       # Configuração do Vite
├── package.json         # Dependências e scripts do projeto
└── README.md            # Este arquivo

  6. Licença

    Este projeto é licenciado sob a licença MIT