Aperçu
Résumé du Projet
Le contexte : L'ALPES (Amicale Laïque des Petits Écoliers de Saint-Gervais) est l'association de parents d'élèves de l'École Marie Paradis. Active et bien implantée localement, elle communiquait via Facebook mais n'avait aucun site web dédié : adhésions en papier, partenaires sans vitrine digitale, pas de référencement Google possible.
La décision : En tant que parent d'élève et développeur web local, j'ai décidé d'offrir un site professionnel à l'association — pas un WordPress basique, mais une vraie application full-stack sur mesure adaptée à leurs besoins spécifiques.
Le Défi
Contexte et Problématique
L'ALPES organisait des événements, collectait des fonds et gérait un réseau de 30+ commerces locaux offrant des réductions aux familles adhérentes. Mais tout reposait sur Facebook et des fichiers Excel.
Situation initiale
- Page Facebook active — mais pas de site web dédié
- Adhésions gérées en papier et Excel
- Partenaires sans visibilité digitale permanente
- Événements uniquement sur Facebook (non archivés)
- Aucun référencement Google possible
Objectifs
- Vitrine web permanente en complément de Facebook
- Digitaliser la gestion des adhésions
- Offrir une présence digitale aux partenaires locaux
- Permettre le référencement sur Google
- Interface admin accessible aux bénévoles non-techniques
"C'est avec plaisir que nous validons cette proposition de site internet. Ce sera une belle vitrine pour retrouver toutes les informations importantes de l'association et plus simple que le Facebook."
— Pauline Bannay, Bureau ALPES Marie Paradis
La Solution
Architecture Full-Stack sur Mesure
Contrairement aux sites associatifs typiques (souvent des WordPress basiques), une vraie plateforme sur mesure a été construite — plus flexible, plus performante, et adaptée aux contraintes spécifiques d'une association de parents d'élèves.
Architecture
Frontend (HTML/CSS/JS) ├── Site public responsive ├── 14 modules CSS ├── ES Modules JavaScript └── Pages événements dynamiques Backend (Express.js + TypeScript) ├── API REST complète (25 endpoints) ├── MongoDB + Mongoose ├── Authentification magic link (JWT) └── Pipeline images Sharp → WebP Admin Panel (SPA) ├── Dashboard avec statistiques ├── CRUD partenaires / événements ├── Gestion adhésions + import CSV └── Gestion équipe et rôles
Fonctionnalités Clés
Système de Partenaires
3 tiers (Gold, Silver, Bronze) avec affichage priorisé. Upload logo converti en WebP. Backlinks vers sites partenaires.
Calendrier Événements
Types colorés (vente, fête, réunion). Pages détail avec éditeur HTML riche. Archives consultables.
Gestion Adhésions
Formulaire en ligne avec modal RIB. Logique année scolaire auto (sept → août). Import CSV flexible. Relances renouvellements.
Magic Link Auth
Pas de mot de passe. Email → lien (15 min) → session JWT 7 jours. Zéro friction pour bénévoles non-tech.
8 Templates Email
Magic link, bienvenue admin, confirmation adhésion, notification bureau, relance renouvellement.
Admin Panel Complet
Dashboard statistiques, CRUD pour tout le contenu, gestion rôles équipe. Pensé pour utilisateurs non-techniques.
Pourquoi Full-Stack et pas WordPress ?
| Aspect | WordPress | Solution custom |
|---|---|---|
| Gestion année scolaire | Plugin payant | Intégrée |
| Tiers partenaires | Plugin payant | Sur mesure |
| Maintenance sécurité | Régulière (plugins) | Zéro |
| Magic link auth | Difficile | Natif |
Palette de Couleurs
Timeline
Déroulement du Projet
| Oct 2025 | Proposition envoyée au bureau, acceptée avec enthousiasme |
| Déc 2025 | Développement frontend et architecture backend |
| Jan 2026 | Backend complet, admin panel, système email |
| Fév 2026 | Itérations feedback bureau, tests finaux |
| 18 Fév 2026 | Mise en production ✅ |
Durée totale : ~8 semaines en temps partiel
Résultats
Ce Que le Site Apporte
"C'est avec plaisir que nous validons cette proposition de site internet. Ce sera une belle vitrine pour retrouver toutes les informations importantes de l'association et plus simple que le Facebook."
Technique
Stack Technologique
Intégrations
Projets Similaires
Vous avez un projet pour une association ou un club ?
Site vitrine, gestion adhésions, calendrier événements — discutons de ce dont vous avez besoin.