Projet personnel · En productionfullstack

Sandy

Toute la vie de votre voiture, en un seul endroit.

Application web de gestion automobile personnelle et familiale suivi des dépenses, de la consommation, des documents et de l'entretien, en un seul endroit.

Aperçu de Sandy

Fonctionnalités

Suivi des dépenses

Catégorisez carburant, entretien, assurance et visualisez vos tendances sur des graphiques interactifs.

Gestion multi-véhicules

Ajoutez autant de véhicules que vous souhaitez et basculez entre eux en un clic.

Coffre-fort de documents

Stockez carte grise, attestation d'assurance et contrôle technique accessibles partout.

Partage familial

Invitez les membres de votre foyer et contrôlez précisément ce que chacun peut voir ou modifier.

Dashboard analytics

Tendances de consommation, coût au kilomètre, comparaisons inter-périodes.

Dark / Light mode

Thème soigné sans flash au chargement grâce à une détection côté serveur.

L'histoire du projet

Contexte

Projet 100% personnel, conçu et développé seul de A à Z. L'idée est née du manque d'un outil simple pour centraliser tout ce qui concerne ses véhicules : consommation, dépenses, assurance, documents administratifs... les informations sont habituellement éparpillées entre des fichiers Excel, des boîtes mail et des tiroirs.

Problème

Aucune application existante ne couvrait l'ensemble des besoins de manière fluide et personnalisable : suivi de la consommation, historique des dépenses par catégorie (carburant, entretien, assurance), stockage de documents, et partage des informations au sein d'un foyer. Les solutions disponibles étaient soit trop simplistes, soit réservées à des usages professionnels.

Solution

Développement d'une application fullstack Next.js avec un back-end Node.js, une base PostgreSQL, et un déploiement sur Vercel. L'interface propose un dashboard analytics avec graphiques de tendances, une gestion multi-véhicules, le stockage de documents (carte grise, assurance...), et un système de préférences familiales pour contrôler ce qui est visible par chaque membre. Le mode dark/light est géré avec soin pour éviter le flash au chargement. Framer Motion apporte des animations fluides et des skeletons de chargement.

Résultats

Site entièrement fonctionnel, déployé en production sur Vercel.

Stack technique

Next.jsTypeScriptTailwindCSSFramer MotionNode.jsPostgreSQLVercel