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.

Page d’accueil de St-Éphrem en course sur ordinateur, avec les informations de la course et l’accès aux inscriptions.
Section parcours du site St-Éphrem en course, présentant les distances de 2 km et 5 km et leurs cartes.

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

1

Structure événementielle

Organisation des parcours, des renseignements pratiques, des photos et des résultats.

2

Intégration responsive

Développement des interfaces Next.js et React pour les écrans mobiles et les ordinateurs.

3

Parcours d’inscription

Intégration des liens vers les inscriptions MS1 et les ressources officielles.

4

Informations aux participants

Mise en place des défis scolaires et corporatifs, de la FAQ et des partenaires.

5

Photos et résultats

Accès aux albums et aux résultats depuis des sections dédiées.

6

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.

Next.js
React
Node.js
TypeScript
HTML
Tailwind CSS
Git
GitHub
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.