ساحة البرمجة LUCSC

نظرة عامة على البنية

graph TB
    A["src/data/challenges.ts"] --> B["قائمة التحديات"]
    B --> C[SearchFilters]
    B --> D[ChallengeCard]
    D --> E[ChallengeDetail]
    E --> F[CodeEditor]
    G[ThemeToggle] --> H["فاتح / داكن"]

رفيق لمهرجان النادي: فهرس تحديات برمجية يستطيع الأعضاء تصفّحه وتصفيته ومحاولة حلّه داخل المتصفح. محتوى التحديات محفوظ كبيانات ثابتة مُنمَّطة لا في قاعدة بيانات، ما أتاح نشر العمل كله كحزمة ثابتة.

لكل تحدٍّ بطاقة في القائمة وصفحة تفصيلية بمحرّر مدمج، إلى جانب أدوات البحث والتصفية ومفتاح للتبديل بين النمطين الفاتح والداكن.

الميزات الرئيسية:

• فهرس تحديات مع بحث وتصفية
• صفحة تفصيلية لكل تحدٍّ بمحرّر شيفرة مدمج
• بيانات تحديات ثابتة ومُنمَّطة دون حاجة إلى واجهة خلفية
• نمطان فاتح وداكن مع خلفية متحركة
• قابل للنشر كحزمة ثابتة بالكامل

التقنيات المستخدمة:

• الواجهة الأمامية: React، TypeScript، Vite
• الواجهة: shadcn/ui، Radix UI، Tailwind CSS