RDRoberto - Dev
Todos os casos

FuelTrack — Gestão Inteligente de Combustível e Manutenção Veicular

O custo real do seu veículo, calculado automaticamente.

Dashboard com indicadores do FuelTrack

Visão geral

Plataforma de gestão de abastecimentos, despesas e manutenções veiculares, com indicadores automáticos de consumo, custo por quilômetro e evolução dos gastos.

Contexto

Projeto de autoria própria, motivado pela dificuldade de acompanhar o custo real de um veículo — dados espalhados não geram informação.

Para quem é

Proprietários de veículos que querem entender custo real, consumo e momento de manutenção — do uso pessoal a pequenas frotas.

O problema

Quem controla o carro por anotações, planilhas ou memória não responde às perguntas básicas: quanto custa rodar com este veículo? Qual o consumo real? Quando a manutenção vence?

A solução

Cadastro de veículos, abastecimentos, despesas e manutenções com cálculo automático de consumo médio e custo por quilômetro, além de dashboards que comparam períodos.

Funcionalidades

DisponívelPlanejada

Cadastro de veículos

Disponível

Gerencie um ou vários veículos com dados e histórico próprios.

Registro de abastecimentos

Disponível

Registre litros, valor, odômetro e posto a cada abastecimento.

Despesas

Disponível

Categorize gastos fixos e variáveis do veículo.

Manutenções

Disponível

Histórico de manutenções com data, custo e tipo de serviço.

Consumo médio automático

Disponível

Consumo real calculado pela distância entre abastecimentos.

Custo por quilômetro

Disponível

Custo de rodagem combinando combustível e manutenções.

Visualização de gastos

Disponível

Evolução das despesas por mês e por categoria.

Indicadores

Disponível

Resumo rápido de consumo, gastos e manutenções pendentes.

Dashboards e gráficos

Disponível

Análises visuais do histórico do veículo.

Comparação de períodos

Disponível

Compare gastos e consumo entre meses e períodos.

Alertas de manutenção preventiva

Planejada

Avisos por quilometragem ou tempo desde a última manutenção.

Importação de dados existentes

Planejada

Migre histórico de planilhas para o FuelTrack.

Categorias de despesa customizadas

Planejada

Crie categorias próprias de gastos.

Arquitetura e decisões técnicas

Front-end

  • React
  • TypeScript
  • Vite
  • Tailwind CSS

Back-end / BaaS

  • Supabase
  • PostgreSQL

Autenticação

  • Supabase Authentication

Visualização

  • Chart.js
  • Recharts

Estado

  • Context API
  • React Hooks

Deploy

  • Vercel
  • GitHub

Cálculos derivados, nunca duplicados

Consumo e custo por quilômetro são calculados dos registros brutos a cada consulta — sem campos copiados que possam desatualizar.

Consumo baseado em odômetro real

O consumo é a distância entre dois abastecimentos dividida pelos litros registrados — metodologia que corresponde ao uso real.

Context API sem biblioteca externa de estado

A complexidade do app não justifica Redux ou Zustand; Context + hooks mantêm o código simples e testável.

RLS por usuário

Autenticação com políticas de linha no Supabase: cada usuário enxerga apenas os próprios veículos e registros.

Desafios e como foram resolvidos

Modelagem de dados veiculares

Tabelas de veículos, abastecimentos, despesas e manutenções com relacionamentos e campos de odômetro, quilometragem e períodos.

Cálculo correto de consumo e custo por quilômetro

Lógica isolada em módulo de cálculo, tratando casos-limite como primeiro abastecimento e tanque não cheio.

Dashboards sempre atualizados

Indicadores recalculados a partir dos dados a cada mudança — o gráfico reflete o banco, nunca um valor armazenado.

Proteção dos dados

Autenticação obrigatória e políticas RLS por usuário no banco.

Resultados

  • Indicadores confiáveis — consumo real, custo por km e evolução de gastos — calculados automaticamente a partir de registros simples.
  • Dados isolados por usuário com autenticação obrigatória.
  • Experiência responsiva para uso diário no celular.

Screenshots

Lista de abastecimentos no FuelTrack
Histórico de manutenções no FuelTrack

O que aprendi

  • React
  • TypeScript
  • Arquitetura de componentes
  • Supabase
  • Banco de dados relacional
  • Autenticação
  • Análise de dados
  • Dashboards
  • Transformação de dados brutos em informação útil

Próximas evoluções

Alertas de manutenção preventiva

Planejada

Avisos por quilometragem ou tempo desde a última manutenção.

Importação de dados existentes

Planejada

Migração de históricos mantidos em planilhas.

Categorias de despesa customizadas

Planejada

Categorias próprias para cada tipo de gasto.

Tem um problema parecido? Vamos resolver.

Cada case deste portfólio começou como a sua situação: um processo manual que precisava de software.

Próximo case

Projeto 4