Skip to content

Dashboard React para exibir relatórios de vendas de um posto de combustível. Inclui gráficos de vendas por bico, forma de pagamento, turnos, sangria, suprimento e clientes, com dados dinâmicos integrados via Supabase.

Notifications You must be signed in to change notification settings

amonmelo/DashPostosReact

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React ReactJS - Dash Postos ⛽

Captura-de-Tela-2024-10-16-a-s-18-18-35

Dash Postos

Descrição

Dash Postos é uma aplicação de dashboard desenvolvida em React para exibir os relatórios de vendas de um posto de combustível. A aplicação traz gráficos e informações sobre vendas por bico, forma de pagamento, turno, além de dados de sangria, suprimento e top 5 clientes.

O projeto utiliza Supabase como banco de dados backend e faz a busca dos dados baseados na data selecionada. Ele também conta com funcionalidades de ordenação por diferentes critérios, como valor maior/menor ou ordem alfabética.

Demo Online

Você pode visualizar a aplicação hospedada no Vercel clicando aqui.

Funcionalidades

  • Relatório de Vendas por Bico: Mostra as vendas por tipo de combustível, litros vendidos e total arrecadado.
  • Relatório de Vendas por Forma de Pagamento: Mostra as formas de pagamento (Pix, cartão de crédito, débito, etc.) e o total de vendas.
  • Relatório de Vendas por Turno: Exibe as vendas separadas por turno de operação e o operador responsável.
  • Sangria e Suprimento: Informa os valores de sangria e suprimento do dia.
  • Top 5 Clientes: Lista os cinco clientes que mais consumiram no dia selecionado.
  • Ordenação Personalizada: Ordene os relatórios por maior para menor, menor para maior, ou em ordem alfabética.
  • Seleção de Data: Escolha uma data para visualizar os relatórios daquele dia.
  • Atualização Dinâmica: Os dados são atualizados automaticamente ao alterar a data.

Tecnologias Utilizadas

React.js Material-UI Recharts Supabase Day.js JavaScript

Como Rodar o Projeto

Pré-requisitos

  • Node.js (v14 ou superior)
  • NPM ou Yarn

Passos para Instalação

  1. Clone o repositório:
git clone https://github.com/amonmelo/DashPostosReact.git

About

Dashboard React para exibir relatórios de vendas de um posto de combustível. Inclui gráficos de vendas por bico, forma de pagamento, turnos, sangria, suprimento e clientes, com dados dinâmicos integrados via Supabase.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published