St-Éphrem en course — Un site événementiel pour courir ensemble
Une expérience web claire et responsive pour découvrir les parcours, préparer sa participation et retrouver les photos et résultats de la course.


Aperçu
St-Éphrem en course est un événement sportif et communautaire en Beauce. J’ai développé un site responsive avec Next.js, React et TypeScript pour présenter les parcours et les informations pratiques, puis diriger les participants vers les inscriptions, les résultats et les photos.
Chronologie du processus
Structure événementielle
Organisation des parcours, des renseignements pratiques, des photos et des résultats.
Intégration responsive
Développement des interfaces Next.js et React pour les écrans mobiles et les ordinateurs.
Parcours d’inscription
Intégration des liens vers les inscriptions MS1 et les ressources officielles.
Informations aux participants
Mise en place des défis scolaires et corporatifs, de la FAQ et des partenaires.
Photos et résultats
Accès aux albums et aux résultats depuis des sections dédiées.
Référencement et accessibilité
Métadonnées par page, données structurées, sitemap et réduction des mouvements.
Fonctionnalités livrées
Parcours de course
Présentation des distances et des informations pratiques pour préparer sa participation.
Inscriptions MS1
Accès direct au service externe d’inscription officiel.
Photos et résultats
Sections dédiées aux albums et aux résultats officiels.
Défis scolaires et corporatifs
Informations destinées aux écoles et aux équipes d’entreprise.
FAQ et partenaires
Réponses aux questions fréquentes et visibilité des partenaires de l’événement.
Contact et interface mobile
Formulaire préparant un courriel et navigation adaptée aux téléphones.
Stack technique
Next.js, React, TypeScript et Tailwind CSS composent l’interface. Motion gère les animations; React Hook Form et Zod accompagnent le formulaire. Les contenus sont structurés dans le code et le site est déployé sur Vercel.
Vous préparez un événement ou un site communautaire ?
Je développe des sites web qui réunissent vos informations, facilitent les inscriptions et accompagnent les participants avant et après l’événement.