1.Introduction 2.Informations en ligne 3.Mes informations 4.Concept initial 5.Prototypage 6.Développement 7.Technologies 8.Ce que j’ai appris 9.Améliorations 10.Problèmes

Où ai-je commencer ?

J’ai choisi de développer une application dédiée à la mécanique automobile afin de montrer aux débutants et aux jeunes conducteurs qu’entretenir son véhicule n’est pas aussi complexe qu’on pourrait le croire. Une grande partie des réparations courantes est accessible à tous, à condition d’avoir des explications claires et structurées.En discutant avec ma famille, mes amis et même des inconnus sur un serveur Discord, j’ai constaté un point commun : avec l’inflation, beaucoup n’ont plus les moyens de payer un mécanicien pour chaque petite intervention. Pourtant, ils ont souvent le temps et la motivation pour le faire eux-mêmes, mais manquent d’informations fiables et compréhensibles.De là est née ma problématique :« Les gens veulent entretenir leur voiture eux-mêmes, mais ne savent pas comment s’y prendre. »

1992 Volkswagen Golf GTI Mk2 by Ddiaz Design

Le problème des informations disponibles en ligne

V6 car engine with engine by Blendoriano

Les ressources disponibles sur Internet sont souvent :

Pour une simple vidange, il faut parfois consulter trois ou quatre vidéos ou articles différents.Mon objectif était donc de proposer une source unique, claire et pédagogique, adaptée aux débutants.

Où ai‑je trouvé mes informations ?

La majorité de mes recherches proviennent de YouTube, notamment de la chaîne ChrisFix, qui explique très bien comment réaliser des réparations avec des outils simples, accessibles à tout le monde.

Logo de ©ChrisFix

J’ai également consulté des forums automobiles, des sites spécialisés et des tutoriels de mécaniciens indépendants comme par exemple : Caradisiac, CarCareKiosk ou encore la chaîne de Mat Armstrong.

Logo de Caradisiac

Concept initial du projet

1992 Volkswagen Golf GTI Mk2 by Ddiaz Design with interactif points

La mécanique automobile, un domaine qui me passionne depuis longtemps.À la base, je voulais créer un garage virtuel interactif avec un modèle 3D de voiture en Three.js.L’idée était d’avoir :

Ce concept était ambitieux, mais trop lourd pour le temps disponible.J’ai donc recentré le projet sur une version plus simple, plus pédagogique et plus réaliste techniquement.

Le prototypage du projet

Dès le début, j’avais une idée assez précise de l’interface que je voulais créer. Le défi était de transformer cette vision en un prototype concret sur Figma. Les premières étapes ont été compliquées : je faisais un pas en avant, puis presque autant en arrière.Le principal problème venait de la quantité de texte théorique que j’avais intégrée. Ces informations étaient longues, peu engageantes et, surtout, parfois inutiles pour un utilisateur débutant.Pour améliorer cela, j’ai recentré le contenu sur l’essentiel. Par exemple, j’avais initialement prévu d’expliquer des parties du véhicule sur lesquelles un débutant ne peut de toute façon rien faire lui-même. Cela allait à l’encontre du concept de mon projet, qui vise à rendre la mécanique accessible. J’ai donc simplifié, épuré et recentré le design sur des informations utiles, claires et actionnables.

Le développement de l’application

Logo de Vitejs

Pour le développement, j’ai choisi d’utiliser Vite, principalement pour sa rapidité et sa simplicité d’utilisation. Cet outil m’a permis de travailler efficacement sans perdre de temps sur la configuration.Concernant la gestion des véhicules, nous avons décidé — avec mon professeur — d’utiliser un stockage local via le navigateur. L’utilisation d’une base de données et d’un système de comptes n’apportait pas de valeur ajoutée à ce stade du projet. Le localStorage était donc la solution la plus logique, simple et adaptée.

Logo de JavaScript

Durant le développement, j’ai rencontré plusieurs difficultés, notamment liées à l’affichage conditionnel des informations. Beaucoup d’éléments étaient cachés par défaut et devaient apparaître uniquement lorsqu’un bouton était cliqué. Heureusement, mon expérience de stage, où j’avais dû réaliser un système similaire en TypeScript, m’a beaucoup aidé. J’ai pu transposer cette logique en JavaScript et résoudre rapidement ces problèmes.

Technologies utilisées

Logo de HTML 5 Logo de SASS Logo de JavaScript

Le projet final utilise :

Ces technologies m’ont permis de créer une interface claire, responsive et facile à maintenir.

Ce que j’ai appris durant ce projet

Au fil du projet, j’ai développé une véritable discipline technique et méthodologique.J’ai appris à structurer un travail complexe, à prioriser efficacement et à maintenir une progression constante malgré plusieurs projets en parallèle. Cette expérience m’a permis de renforcer ma capacité à gérer des phases de production intenses tout en gardant une vision claire de mes objectifs.

Icone d'un calendrier

J’ai également gagné en maturité dans ma manière d’aborder la planification.Les dernières semaines, particulièrement denses, m’ont montré l’importance d’anticiper et de répartir intelligemment la charge de travail. Aujourd’hui, je suis capable d’organiser un projet de manière plus stratégique, d’identifier les risques en amont et d’adapter mon rythme pour garantir un résultat final solide et cohérent.

Ce que j’aimerais encore améliorer

Icone représentant un tournevis et une clé mixte plate

Avec plus de temps, j’aurais aimé développer une vraie page d’entretien, avec :

Cette partie aurait renforcé l’aspect pédagogique du projet.

Un projet pas sans problèmes

Le choix du sujet a été un véritable tournant dans mon projet.J’ai exploré de nombreuses pistes, mais aucune ne me permettait de m’investir pleinement sur la durée. Cette phase de recherche m’a appris à identifier ce qui me motive réellement et à sélectionner un thème capable de soutenir un travail ambitieux et cohérent.

1992 Volkswagen Golf GTI Mk2 by Ddiaz Design

La mécanique automobile s’est imposée comme une évidence dès que je m’y suis plongé.C'est un domaine qui me passionne réellement et qui m’a immédiatement donné l’envie d’aller plus loin. Ce sujet m’a permis de construire un projet solide, mais surtout de poser les bases d’un travail que je souhaite continuer à développer. J’y vois une opportunité d’approfondir mes compétences et de créer un outil utile pour aider d’autres personnes à mieux comprendre leur véhicule.