ABD School - Auto-École en ligne

Site web moderne et accessible pour une auto-école en ligne, développé avec une approche minimaliste et performante.

Structure du Projet

.
├── index.html          # Page principale
├── css/
│   └── style.css      # Styles CSS
├── images/            # Images optimisées
│   ├── ... .webp
│   └── ...
├── .github/
│   └── workflows/     # Configuration CI/CD
│       └── ci-cd.yml
├── package.json       # Dépendances et scripts
├── lighthouserc.json # Configuration Lighthouse
└── README.md         # Documentation

Fonctionnalités

• Design minimaliste et épuré
• Accessibilité WCAG 2.1 niveau AA
• Performance optimisée (100% Lighthouse)
• Cards pour les formations avec images responsives
• Contact par email
• Design responsive avec CSS
• Images optimisées avec srcset pour différentes tailles d'écran
• Déploiement automatique avec CI/CD

Formations Proposées

• Permis B (Formation complète pour la conduite automobile)
• Permis A (Formation pour la conduite de moto)
• Code de la route (Préparation à l'examen du code)

Technologies Utilisées

• HTML5 (Structure sémantique)
• CSS3 (Grid Layout)
• Images WebP pour une meilleure performance
• Pas de JavaScript
• Pas de frameworks externes
• GitHub Pages pour l'hébergement
• GitHub Actions pour le CI/CD

Déploiement

GitHub Pages

Le site est déployé automatiquement sur GitHub Pages à chaque push sur la branche main.

CI/CD

Le projet utilise GitHub Actions pour le CI/CD. Le workflow est configuré pour :

1. Vérifier la validité du HTML
2. Tester l'accessibilité
3. Vérifier les performances
4. Déployer automatiquement sur GitHub Pages

Le workflow est déclenché à chaque push sur la branche main.

Caractéristiques Techniques

• Design responsive avec CSS Grid
• Contraste des couleurs optimisé pour l'accessibilité
• Structure HTML sémantique
• Images optimisées avec format WebP
• Chargement rapide
• Pas de dépendances externes
• Tests automatisés
• Déploiement continu

Tests

• Tests d'accessibilité (Lighthouse)
• Tests de performance (Lighthouse)
• Tests de compatibilité navigateur
• Validation HTML
• Tests de responsive design

Équipe

Groupe 8 - HETIC

• Abdallah SAOUD -
• Steve MOTHMORA -
• Alexandre RAVIART -
• Sebastien GRATADE -
• Elijah TRAORE -
• Beytullah SONKAYA -