Suivi Carburant — Fleet Fuel & Operations Management System
En coursaoût 2026

Suivi Carburant — Fleet Fuel & Operations Management System

Dual-platform fleet fuel tracking system for a tourism operator in Madagascar: a Flutter mobile app for field agents and a Next.js web dashboard for planning, financial oversight, and reporting.

Description

Built to replace paper-and-spreadsheet fuel tracking with a fully digitized, auditable workflow. The Flutter mobile app (MVC architecture, offline-first with SQLite) lets field agents log every fill-up with mandatory photo proof, automatic mileage validation, and three payment methods (fuel card, cash register, director's emergency advance) — each with automatically computed running balances instead of manual bookkeeping. The Next.js web dashboard (TypeScript, shadcn/ui, TanStack Table, Recharts) lets the operations planner schedule fuel circuits in advance, track execution status in real time, validate cash advances, and review searchable, filterable financial reports with live charts. Both platforms share a Supabase/PostgreSQL backend with row-level security enforcing role-based permissions (field agent, planner, director, read-only auditor) at the database level, plus a custom JWT claims hook for fast, tamper-proof authorization checks. Automated reporting includes on-demand Excel exports and HTML email reports built with a hand-rolled SMTP client for full control over formatting and inline photo attachments.

Technical stack

FlutterDartSQLiteSupabaseNext.jsTypeScriptTailwind CSSshadcn/uiTanStack TableRechartsPostgreSQLDeno

Categories

Full-stackMobileFleet ManagementBusiness Application

Previews

Capture 1
Capture 2
Capture 3
Capture 4
Capture 5
Capture 6
Capture 7
Capture 8
Capture 9

Similar Projects

MadaTrek — Madagascar TrekkingDev.exe
MadaTrek — Madagascar Trekking
Complete website for a Malagasy trekking agency, built with React Vite, TypeScript, and Tailwind CSS. Animated Aurora hero, destination pages, treks, testimonials, and a full footer.
ReactViteTypeScript+8
Personal PortfolioDev.exe
Personal Portfolio
Full-stack dev portfolio built with Next.js 15, TypeScript, and Tailwind CSS. Showcases my projects, skills, and experience.
Next.jsTypeScriptTailwind CSS+1