https://github.com/amonmelo/dashpostosreact

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.
https://github.com/amonmelo/dashpostosreact

dashboard dayjs frontend fullstack java-script javascript material-ui-react postgresql react recharts-library supabase ui vercel webdev

Last synced: 9 months ago
JSON representation

Host: GitHub
URL: https://github.com/amonmelo/dashpostosreact
Owner: amonmelo
Created: 2024-10-16T00:54:22.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-10-16T21:36:09.000Z (about 1 year ago)
Last Synced: 2025-02-11T17:57:35.187Z (11 months ago)
Topics: dashboard, dayjs, frontend, fullstack, java-script, javascript, material-ui-react, postgresql, react, recharts-library, supabase, ui, vercel, webdev
Language: JavaScript
Homepage: https://vendaspostos.vercel.app/
Size: 48.8 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

ReactJS - Dash Postos ⛽

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](https://vendaspostos.vercel.app/).

## 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