أشعر بحماس شديد لمشاركة مشروعي الشخصي الأضخم حتى الآن، حيث أطلقت أخيراً منصتي الخاصة AAK-World. هذا المشروع لم يكن مجرد تدريب على تقنيات الـ Frontend، بل كان تحدياً حقيقياً لبناء نظام إدارة محتوى مصغر باستخدام React و Firebase.
*لماذا تُعد منصة AAK-World مختلفة؟ - ديناميكية بالكامل: أغلب مواقع البورتفوليو هي مجرد صفحات عرض ثابتة (Static)، لكن AAK-World منصة تفاعلية تعمل بنظام لوحة تحكم (Dashboard) متكاملة. - تعدد المحتوى: قمت ببناء نظام يتيح لي عرض المنشورات، المقالات، وحتى الفيديوهات التعليمية داخل موقعي الشخصي، مع خطة طموحة لتطوير هذه النقطة بشكل أكبر قريباً. -دعم اللغات: الموقع يدعم اللغتين العربية والإنجليزية بشكل كامل (Full i18next Support).
*Frontend Intelligence : - React State Management: وظفت إدارة الحالة للتحكم في عمليات تسجيل المستخدمين (Authentication) والتنقل بين الصفحات بسلاسة تامة. - Dynamic Content Rendering: المحتوى ليس مكتوباً بشكل يدوي في الكود؛ كل مشروع أو مقال يظهر يتم جلبه من قاعدة البيانات عبر (Real-time Fetching)، مما يسمح بتحديث البيانات دون المساس بالكود نهائياً.
*Backend Features : - Firebase Security Rules: لم أكتفِ بحماية الواجهة فقط، بل كتبت قواعد أمان برمجية تتحقق من هوية المستخدم (UID). إذا لم يكن المستخدم "مسؤولاً" (Admin)، يقوم النظام بمنعه من الكتابة أو الحذف فوراً على مستوى الخادم (Server-side). - إدارة الصلاحيات: قمت بإخفاء الميزات الحصرية للمسؤولين عن بقية المستخدمين، مثل لوحة التحكم (Dashboard).
*آخر التحديثات والمميزات المضافة للموقع: - إضافة ميزة "تعديل" لكل مقال (للمسؤولين فقط). -إدراج محرّر نصوص متقدم (Text Editor) يتيح تعديل وتنسيق المقالات سواء عند الإضافة أو التعديل (للمسؤولين فقط). - دعم الترجمة الكاملة للمقالات (يدوياً أو بواسطة الذكاء الاصطناعي) لضمان تجربة مستخدم موحدة باللغتين. - تطوير نظام التفاعل (Like & Dislike) لتصبح النتائج حقيقية ولحظية. - إضافة شريط "آخر الأخبار والتحديثات"، تجدونها مباشرة تحت شريط التنقل Navbar
وسيتم اضافة المزيد من التحديثات بإذن الله ما رأيكم ♥