Car Market Node.js

Architecture Système & Piliers Techniques

Car Market combine une API REST Node.js & Express découplée avec une application monopage React (Vite) ultra-rapide pour offrir des temps de recherche inférieurs à la seconde et une expérience de vente fluide.

┌─────────────────────────────────────────────────────────────────────────────┐
│                    Car Market Full-Stack Architecture                       │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  🔍 Moteur de Recherche Intelligent       📸 Hub Médias & Espace Vendeur       🛡️ Sécurité, Modération & RGPD
  • Sliders synchronisés avec la BDD      • Drag & Drop jusqu'à 15 photos      • File d'attente d'approbation
  • Cascade Marque ➔ Modèle      • Sélection de photo de couverture   • Inspection complète de l'annonce
  • Élimination des pages sans résultats      • Conversion WebP automatique (Sharp)        • RGPD Articles 17 & 20
  • Compteurs de stock en direct      • Intégration YouTube & Shorts       • Authentification JWT & Bcrypt
            

1. Moteur de Recherche Intelligent & Filtres Dynamiques

Le moteur de recherche calcule dynamiquement ses limites à partir de la base de données MySQL pour éliminer les recherches infructueuses :

• Curseurs doubles liés à la BDD (rc-slider): Les sliders Prix, Kilométrage et Année s'adaptent automatiquement aux valeurs minimales et maximales réelles en stock.
• Sélecteurs en cascade Marque ➔ Modèle:
  • Zéro résultat vide: Le menu déroulant n'affiche que les marques et modèles ayant au moins un véhicule en stock approuvé.
  • Badges de comptage en direct: Indicateur en direct du nombre d'annonces disponibles à côté de chaque option (ex: Renault (4) ➔ Clio V (2)).
• Filtres d'attributs techniques: Filtrage par catégorie (Auto, Moto, Utilitaire), carrosserie (Berline, SUV, Break, Coupé, etc.), carburant (Essence, Diesel, Hybride, Électrique, GPL) et boîte de vitesses.
• Tri Asynchrone: Tri instantané par date d'ajout, prix croissant/décroissant, kilométrage ou année.

2. Fiche Véhicule Détaillée & Expérience Multimédia

La page détaillée du véhicule (/vehicule/:slugOrId) est structurée en 2 colonnes orientées conversion :

3. Publication d'Annonces & Pipeline de Traitement d'Images

Car Market fournit aux vendeurs particuliers et professionnels des outils simples et performants :

• Taxonomie Automobile Complète (120 Marques & 1 890+ Modèles): Catalogue complet disponible lors du dépôt pour une classification exacte.
• Vérification Préalable du Profil: Publication bloquée tant que le profil du vendeur n'est pas complété (nom, prénom, numéro vérifié).
• Réorganisation par Glisser-Déposer (SortableJS): Téléversement jusqu'à 15 photos simultanément avec glisser-déposer pour choisir l'image de couverture ⭐ Couverture.
• Conversion WebP Automatique (Sharp): Conversion instantanée côté serveur au format moderne .webp à 80% de compression avec correction de l'orientation EXIF.
• Espace « Mes Annonces »: Tableau de bord complet avec onglets de statut (Toutes, En ligne, En attente), modification directe et suppression.

4. Contrôle Qualité & Modération Administrateur

Pour garantir un catalogue sain et éliminer les fraudes, la plateforme intègre un sas de modération :

5. Sécurité & Conformité RGPD Européenne

Car Market applique rigoureusement les normes du Règlement Général sur la Protection des Données (RGPD UE 2016/679) :

• Authentification Stateless JWT: Jetons sécurisés Bearer avec hachage des mots de passe par Bcrypt (8 caractères minimum, minuscules, majuscules, chiffres et caractères spéciaux).
• Portabilité des Données (Article 20 RGPD): Export JSON structuré en un clic regroupant le profil et l'historique complet des annonces du compte.
• Droit à l'Oubli (Article 17 RGPD): Suppression définitive du compte entraînant la purge des données et la suppression physique des photos sur le serveur.

6. Matrice des Fonctionnalités Techniques