دترويت - موقع سيرفر MTA SA حياة واقعية
تفاصيل العمل
هذا مشروع موقع ويب متكامل لسيرفر ألعاب MTA SA (Multi Theft Auto: San Andreas) يعمل بنظام حياة واقعية (Roleplay). الموقع مصمم ليكون النافذة الرسمية للسيرفر ويوفر جميع الخدمات المطلوبة للاعبين والإدارة.
الوظائف الرئيسية للموقع:
1. الصفحة الرئيسية (Home)
عرض إحصائيات السيرفر (عدد اللاعبين، أعضاء الديسكورد)
عرض المميزات الرئيسية للسيرفر
تصميم تفاعلي مع حركات سلسة
خلفية متحركة مع تأثيرات بصرية
2. نظام التسجيل والمصادقة
تسجيل الدخول عبر Discord OAuth
نظام جلسات آمن
إدارة حسابات المستخدمين
3. متجر متكامل (Shop)
عرض المنتجات المختلفة (مركبات، عضويات، رصيد، ايدي)
سلة مشتريات تفاعلية
دفع عبر PayPal
نظام طلبات آمن
4. نظام التقديمات (Applications)
تقديم طلبات للوظائف المختلفة
اختبارات تفاعلية لكل وظيفة
نظام إدارة الطلبات
وظائف متاحة: طاقم البرمجة، إدارة الديسكورد، إدارة السيرفر
5. لوحة التحكم (Dashboard)
إحصائيات مفصلة للاعبين
إدارة المنتجات والأخبار
نظام إدارة المحتوى
6. صفحات إضافية
الأخبار (News): عرض آخر التحديثات والأحداث
القوانين (Rules): قوانين السيرفر المنظمة
المعرض (Gallery): صور من السيرفر
الإحصائيات (Statistics): إحصائيات مفصلة
حول السيرفر (About): معلومات عن السيرفر وتاريخه
الأنظمة التقنية:
الواجهة الأمامية:
React.js مع TypeScript
Tailwind CSS للتصميم
Framer Motion للحركات
React Router للتنقل
الخلفية (Backend):
Node.js مع Express
نظام APIs متعدد (shop-api, news-api, applications-api)
ربط مع Discord Bot
نظام webhooks للدفع
قاعدة البيانات:
ملفات JSON للبيانات (users.json, products.json, news.json)
نظام إدارة البيانات المحلي
المميزات التقنية:
تصميم متجاوب بالكامل
واجهة عربية احترافية
نظام إشعارات تفاعلي
حركات سلسة وتأثيرات بصرية
نظام أمان متقدم
ربط مع Discord للتواصل المجتمعي
الهدف من المشروع:
إنشاء منصة شاملة ومتطورة لسيرفر ألعاب عربي، توفر تجربة مستخدم احترافية وتسهل إدارة جميع جوانب السيرفر من خلال واجهة واحدة متكاملة.