Projeto: Visual Analysis

Bem-vindo ao Visual Analysis, um projeto desenvolvido para simplificar a análise de dados de transações financeiras.

Funcionalidades

• Suporte para temas escuro e claro.
• Um gráfico de linha horizontal que exibe o total de transações e seu status (Aprovada, Pendente, Negada) por mês.
• Cards informativos que mostram o total de todas as transações, o total bruto e o total líquido.
• Um card de progresso que exibe a porcentagem total de transações Aprovadas, Pendentes e Negadas.

Tecnologias Utilizadas

Este projeto é construído com as seguintes tecnologias:

• React.js e Vite.js: Frameworks para desenvolvimento web moderno.
• TypeScript: Uma linguagem de programação tipada.
• Tailwind CSS: Uma estrutura de design para estilização eficiente.
• Nivo Line Chart: Uma biblioteca para criar gráficos de linha interativos.
• React Query: Uma biblioteca para gerenciamento de estado e dados assíncronos no React.
• Axios: Uma biblioteca para fazer solicitações HTTP.
• JSON Server: Uma ferramenta para criar uma API REST fake rapidamente.
• React Router DOM: Uma biblioteca para gerenciar rotas no React.
• Jest e Testing Library: Frameworks para testes automatizados.
• ESLint e PostCSS: Ferramentas para linting e estilização de código.

Como Executar o Projeto

Para executar este projeto, siga os passos abaixo:

• Certifique-se de que você tem o Node.js instalado (versão >=18.x);

• Clone o repositório:

git clone https://github.com/Lilia10010/visual-analysis.git

• Acesse o diretório do projeto:

cd visual-analysis

• Instale as dependências usando npm ou yarn

npm install
# ou
yarn

• Inicie a API fake e o servidor de desenvolvimento do frontend:

# Inicie a API fake
npm run server
# ou
yarn server

# Inicie o frontend
npm run dev
# ou
yarn dev

• Para executar os testes automatizados, siga os passos anteriores para configurar o projeto e, em seguida, execute o seguinte comando:

npm test
# ou
yarn test

Developed by 🍄 Lília Paula