LUCSC Code Arena

Aperçu de l'architecture

graph TB
    A["src/data/challenges.ts"] --> B["Liste des défis"]
    B --> C[SearchFilters]
    B --> D[ChallengeCard]
    D --> E[ChallengeDetail]
    E --> F[CodeEditor]
    G[ThemeToggle] --> H["Clair / sombre"]

Un compagnon du festival du club : un catalogue de défis de programmation que les membres pouvaient parcourir, filtrer et tenter directement dans le navigateur. Le contenu des défis est conservé en données statiques typées plutôt qu'en base, ce qui a permis de déployer l'ensemble comme un simple bundle statique.

Chaque défi dispose d'une carte dans la liste et d'une vue détaillée avec éditeur intégré, aux côtés des contrôles de recherche et de filtre et d'une bascule clair/sombre.

Fonctionnalités clés :

• Catalogue de défis avec recherche et filtrage
• Vue détaillée par défi avec éditeur de code intégré
• Données de défis statiques et typées, sans backend
• Thèmes clair et sombre avec fond animé
• Déployable comme bundle entièrement statique

Stack technique :

• Frontend : React, TypeScript, Vite
• UI : shadcn/ui, Radix UI, Tailwind CSS