2.1 KiB
2.1 KiB
خطة بناء موقع FXCraft
موقع عربي لإضافات ماين كرافت بتصميم داكن مع ألوان مستوحاة من ماين كرافت.
الهيكل العام
الصفحة الرئيسية (/) → عرض الإضافات المميزة + بحث
صفحة الإضافة (/mod/:id) → تفاصيل + تحميل
صفحة البحث (/search) → بحث متقدم + تصفية
التصميم
- اتجاه RTL بالكامل، خط عربي (Cairo من Google Fonts)
- ثيم داكن مع لون أخضر ماين كرافت (#4CAF50) كلون أساسي
- خلفية داكنة (#1a1a2e)
المكونات الرئيسية
- Navbar — شعار FXCraft + روابط + بحث
- HeroSection — بانر ترحيبي
- ModCard — بطاقة عرض الإضافة (صورة، اسم، وصف، تحميلات)
- ModGrid — شبكة عرض الإضافات
- ModDetails — صفحة تفاصيل الإضافة مع إصدارات التحميل
- SearchBar — بحث مع فلاتر (تصنيف، إصدار اللعبة)
- Footer — تذييل الموقع
Backend (Lovable Cloud)
- Edge Function:
fetch-mods— تجلب الإضافات من Modrinth API باستخدام الـ API key (يُخزن كـ secret)GET /search— بحث عن إضافاتGET /project/{id}— تفاصيل إضافةGET /project/{id}/version— إصدارات التحميلGET /user/{username}/projects— إضافات المستخدم fxfelixzero
- الـ API key يُحفظ كـ runtime secret باسم
MODRINTH_API_KEY
الخطوات
- حفظ الـ API key كـ secret في المشروع
- تحديث الثيم والخطوط (index.css + index.html) لدعم RTL والتصميم الداكن
- إنشاء Edge Function
fetch-modsللتواصل مع Modrinth API - بناء الصفحة الرئيسية مع عرض إضافات المستخدم fxfelixzero
- بناء صفحة تفاصيل الإضافة مع روابط التحميل
- بناء صفحة البحث مع الفلاتر
- إضافة التنقل بين الصفحات