🚗 ComparAuto

---

📋 Description

ComparAuto est une plateforme web innovante de comparaison intelligente de véhicules automobiles.

L’originalité du projet réside dans son approche adaptative : dès l'arrivée sur le site, l'utilisateur sélectionne son niveau d'expertise (Débutant, Intermédiaire, Expert), permettant au système d'ajuster dynamiquement le contenu et la complexité des informations techniques présentées.

La plateforme combine :

• visualisations interactives
• système de recommandation personnalisé
• architecture de navigation intuitive

afin d’offrir une expérience utilisateur optimisée pour chaque profil.

---

✨ Fonctionnalités

🎯 Personnalisation intelligente

• Sélection du niveau d'expertise dès l'arrivée (Débutant / Intermédiaire / Expert)
• Adaptation dynamique du contenu et de la complexité des informations
• Progressive disclosure : les critères techniques s'enrichissent selon le niveau

---

🚗 Catalogue de véhicules

• Grille de 13+ véhicules avec images et informations clés
• Filtres avancés :
  • prix
  • année
  • marque
  • motorisation
  • carrosserie
• Tri multiple
  • prix croissant / décroissant
  • année
  • puissance
• Pagination avec navigation intuitive
• Sélection de 2 à 4 véhicules pour comparaison

---

📊 Visualisations dynamiques

• Nuage de points : visualisation des prix
• Radar chart : analyse multidimensionnelle des performances
• Bar chart : comparaison des critères quantitatifs
• Tableaux comparatifs avec mise en évidence des meilleures valeurs

---

🏆 Système de recommandation

• Algorithme pondéré :

  • 40% performance
  • 30% économie
  • 30% fiabilité

• Badge "Meilleur choix" selon le profil utilisateur

• Affichage des statistiques clés du véhicule recommandé

---

🎨 Interface utilisateur

• Design moderne et épuré
• Code couleur unique par véhicule comparé
• Accordéons pour une navigation par critère
• Micro-interactions et animations fluides

---

🛠️ Technologies Utilisées

Frontend

• React 19 — Bibliothèque UI
• Material UI 7 — Composants d'interface
• Recharts — Visualisation de données
• React Router — Navigation
• Axios — Requêtes HTTP
• Framer Motion — Animations
• Vite — Build tool

---

Backend

• Node.js — Environnement d'exécution
• Express.js — Framework serveur
• MongoDB — Base de données NoSQL
• Mongoose — ODM pour MongoDB
• CORS — Gestion des politiques cross-origin

---

📦 Installation

Prérequis

• Node.js 18+
• MongoDB (local, Atlas ou Compass)
• Git (optionnel)

---

1️⃣ Cloner le dépôt

git clone https://github.com/ELPistone/ComparAuto.git
cd ComparAuto