Racing

A modern web application showing today's horse racing entries from the UK & Ireland, featuring advanced sorting and performance analytics.

🚀 Hosted Site

You need a "pluckier" login to check out the live application: https://tonykennah.github.io/racing/

✨ Key Features

• Today's Entries: View full racecards for upcoming UK and IRE meetings.
• Advanced Sorting: Rank runners by horse number, average rating of the last three runs, or highest career rating.
• 💬 Community Chat: Real-time, anonymous WebSocket chat for discussing runners and sharing tips. Features a theme-aware, floating UI that stays accessible while you browse.
• ** Secure Access:** Protected by JWT-based authorization with third-party login integration.
• Performance Analytics: Interactive line charts visualizing horse ratings over time using recharts.
• Smart Filtering & Highlighting:
  • 📅 Date Picker: Click on the main header to select a date to fetch that specific days race data.
  • 📅 Multi-Month History: Flexible form history filtering (3, 6, 9, or 12 months) using a stepped slider.
  • ⏱️ Follow: Real-time filtering to show only upcoming races, automatically removing finished events.
  • 📊 Odds Movement: A summary view of price changes across the entire card.
  • ⭐ Value Finder: Highlights horses with high form ratings (>80) that are priced at double digits (>9/1).
  • 🎯 Short Prices: Identify the strongest favorites based on rating consistency and market position.
  • � Fiddle Detection: Identifies "well-connected" horses from high-profile owners and trainers when they are running at larger odds.
• Detailed Form: Comprehensive breakdown of past performances including date, time, course conditions (distance/going), finishing position, and weight carried.
• Mobile Optimized: Responsive design with a theme-aware interface (optimized for Dark Mode).

🔐 Security

The application implements a robust security layer using an AuthGuard pattern:

• JWT Authorization: Access is controlled via JSON Web Tokens.
• Third-Party Integration: Seamless authentication flow through a centralized login service.
• Session Persistence & Validation: Secure cookie handling with periodic background session pings to the authservice to ensure account validity.

📈 SEO & Social Sharing

The application is optimized for social platforms:

• Open Graph & Twitter Cards: Custom metadata for rich link previews on Twitter, Facebook, and Discord.
• Dynamic Content Support: Configured to handle sharing of specific race meeting views.

🛠 Tech Stack

• Framework: React 19
• Build Tool: Vite
• Visualization: Recharts
• Deployment: GitHub Pages

💻 Local Development

To run this project locally:

1. Clone the repository:

   git clone https://github.com/tonykennah/racing.git
   cd racing

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

📦 Deployment

This project is configured for easy deployment to GitHub Pages. Run the following command to build and push the latest version:

npm run deploy

Examples

Timeline and Chart

Race