How I built RaceScore: From a simple MVP to a 20,000-race endurance sports platform

Ugo — Thu, 23 Jul 2026 08:30:09 +0000

Hey Dev.to community! 👋

A year ago, I posted here presenting the early MVP of RaceScore—a side project I started to solve a simple frustration: trail runners had universal indices like Betrail or ITRA to evaluate their level, but road runners and multi-sport athletes had nothing similar.

Fast forward to today, and RaceScore has evolved from a small prototype into a full-fledged endurance sports platform with over 20,000+ races, a dynamic performance scoring algorithm, and B2B tools for race directors.

Here is a look at what changed, the tech stack behind it, and what I learned along the way! 🏃‍♂️💨

🚀 What RaceScore Does Today

Universal Dynamic Performance Score: Instead of just looking at raw finish times or rankings, RaceScore calculates a relative score based on race difficulty, field depth, and conditions.
Interactive Event Discovery: Powered by Mapbox GL JS, athletes can explore over 20,000+ running, trail, and triathlon events with elevation profiles and GPX tracks.
Ecosystem Sync & Features: Strava OAuth integration for auto-syncing race activities, an HMAC-signed ICS calendar feed, and a peer-to-peer secondhand bib marketplace.
B2B Organizer Suite: Turnkey race management including Stripe online registrations, waiting list management, and QR-code bib scanning on race day for volunteers.

🛠️ The Tech Stack
Here is what powers racescore.fr under the hood:

Frontend: React 19 + Vite + TypeScript
UI & Styling: Tailwind CSS v4 + shadcn/ui (Radix UI)
Routing & Data Fetching: React Router v7 + TanStack React Query
Backend & Database: Supabase (PostgreSQL, Auth, Row Level Security)
Serverless API: Vercel Serverless Functions (Node/TypeScript)
Mapping & Data Vis: Mapbox GL JS + Recharts
Third-Party Services: Stripe (Payments), Strava API (OAuth), Nodemailer/Brevo (Transactional Emails), hCaptcha

🔐 Key Technical Learnings & Security Highlights
Building a platform with thousands of public race pages and personal athletic data brought some fun engineering challenges:

Securing Calendar Subscriptions: To prevent IDOR vulnerabilities on user ICS calendar exports, feed URLs are signed using HMAC tokens.
OAuth Cookie Security: Strava authentication tokens are sealed strictly inside httpOnly cookies, keeping them inaccessible to client-side JavaScript.
Constant-Time Timing Protection: Internal webhooks and CRON triggers use constant-time comparison (crypto.timingSafeEqual) to mitigate timing attacks.
Granular Database Access: Leveraging Supabase's Row Level Security (RLS) paired with strict role checks on administrative endpoints (/api/admin).

👀 Check it out!
The app is live and fully accessible:

🔗 Website: racescore.fr

I'd love to hear your thoughts, feedback on the performance scoring concept, or any technical critiques regarding the stack.

Happy running & coding! 🏃‍♂️⚡

RaceScore – Suivez vos performances sportives et comparez-vous avec vos amis !

Ugo — Thu, 03 Jul 2025 12:02:50 +0000

Salut la communauté Dev.to ! 👋

Je suis ravi de vous présenter RaceScore, un projet personnel que je développe sur mon temps libre. RaceScore est une application web dédiée aux sportifs qui participent à des courses.

L'idée derrière RaceScore :
Quand on participe à plusieurs courses, il n'est pas toujours évident de suivre ses progrès, de comparer ses performances ou de les partager simplement avec ses amis. L'objectif de RaceScore est simple :

Centraliser vos résultats de course.
Attribuer un score à chaque performance.
Comparer vos scores avec ceux de vos amis.

📈 Le score est basé sur vos temps et la difficulté de la course, pour offrir une évaluation plus représentative que la simple position ou chrono.

🔧 Stack technique

Frontend : React + Tailwind CSS
Backend / BDD : Supabase – Authentification, base PostgreSQL, API auto-générées

⚙️ Fonctionnalités principales

Création de compte et authentification
Ajout de résultats sur des courses existantes (issues de la base de données)
Calcul automatique du score
Profil avec historique de vos performances
Classement entre amis (fonctionnalité à venir)

Et c’est juste le début !

👀 Envie de tester ?
🖱️ 👉 Lien vers l’app : racescore.fr

Pas besoin d’intégration à Strava, Garmin ou autre pour le moment. L’idée est d’avoir un outil simple, épuré, utile… et qui va évoluer 💡

Merci d’avoir lu, et n’hésitez pas à me faire des retours ou à tester l’app ! 🙏
Je suis preneur de toute critique constructive pour améliorer l’expérience.

🏃‍♂️ À très vite sur RaceScore !
🔗 racescore.fr

DEV Community: Ugo

How I built RaceScore: From a simple MVP to a 20,000-race endurance sports platform

RaceScore – Suivez vos performances sportives et comparez-vous avec vos amis !