Site web Duperret

Description

Site web HTML de l'association Duperret, incluant un déploiement automatisé via GitHub Pages sur duperret.eu.

Fonctionnalités

• Annuaire des membres de l'association
• Page de contact
• Page à propos de l'association
• Recherche dynamique dans l'annuaire
• Thème sombre et clair

Installation

Pour copier le projet :

# Cloner le dépôt
git clone https://github.com/votre-utilisateur/www-duperret.git

# Aller dans le répertoire du projet
cd www-duperret

Si vous pensez que c'est pertinent, vous pouvez demander une "Pull request".

Technologies utilisées

• HTML5 et CSS3 pour la structure et le style
• JavaScript pour les fonctionnalités dynamiques
• GitHub Actions pour le déploiement continu
• GitHub Pages pour l'hébergement
• Google Fonts pour les polices
• Font Awesome pour les icônes

Objectif de développement durable

Nous avons mis en place plusieurs pratiques pour rendre le site plus durable :

• Lazy Loading : Les images des membres sont chargées de manière paresseuse pour réduire la consommation de bande passante et améliorer les temps de chargement.
• Simplification du design : Un design épuré et minimaliste pour réduire la consommation de ressources.
• Images en WebP : Utilisation du format d'image WebP pour une meilleure compression sans perte de qualité.

Todo

• Mettre à jour le fichier JSON des membres
• Ajouter une page de confidentialité
• Corriger la barre de recherche sur la première page (annuaire)
• Optimiser les performances du site
• Ajouter des tests unitaires pour les scripts JavaScript

Améliorations proposées

• Améliorer l'accessibilité : Ajouter des attributs ARIA et améliorer le contraste des couleurs pour rendre le site plus accessible aux personnes handicapées.
• Ajouter un système de commentaires : Permettre aux membres de laisser des commentaires sur les profils des autres membres.
• Intégrer un calendrier d'événements : Ajouter une section pour afficher les événements à venir de l'association.
• Optimiser le SEO : Améliorer les balises meta et ajouter des balises structurées pour améliorer le référencement du site.
• Ajouter une fonctionnalité de notification : Envoyer des notifications aux membres pour les mises à jour importantes et les événements.