محاكي OS متكامل

مشروع WebOS هو عبارة عن نظام محاكاة لسطح المكتب (Operating System Simulator) يعمل بالكامل داخل متصفح الويب. تم بناؤه باستخدام React.js لتقديم تجربة مستخدم (UX) تحاكي أنظمة التشغيل الحقيقية مثل Windows أو Linux. يتيح النظام للمستخدمين التفاعل مع واجهة سطح مكتب متكاملة، تشغيل تطبيقات متعددة في نفس الوقت، وإدارة النوافذ بسلاسة فائقة، مما يبرز قوة جافا سكريبت ورياكت في بناء واجهات مستخدم معقدة وديناميكية (Advanced SPA).

🛠️ التقنيات المستخدمة (Tech Stack):

Frontend Core: React.js (Functional Components, Hooks).

State Management: React Context API / Redux (إدارة حالة النوافذ المفتوحة والتطبيقات).

Styling & UI: HTML5, CSS3 / Tailwind CSS (للتصميم المتجاوب وتأثيرات الزجاج والمظهر العصري).

Interactivity: JavaScript (ES6+) لبرمجة منطق حركة النوافذ، الترتيب، وإدارة المهام.

✨ المميزات والخصائص الرئيسية (Key Features):

إدارة النوافذ المتعددة (Multi-Window Management): إمكانية فتح، إغلاق، تصغير (Minimize)، وتكبير (Maximize) النوافذ، مع خاصية السحب والإفلات (Draggable & Resizable Windows) دون تداخل.

شريط المهام وقائمة ابدأ (Taskbar & Start Menu): شريط سفلي تفاعلي يعرض التطبيقات المفتوحة حالياً، مع قائمة "ابدأ" للوصول السريع للبرامج وإعدادات النظام.

مجموعة تطبيقات مدمجة (Built-in Web Apps): يحتوي النظام على تطبيقات افتراضية تعمل بكفاءة مثل:

File Explorer: متصفح ملفات وهمي لاستعراض المجلدات.

Text Editor / Notepad: لكتابة وتعديل النصوص.

Calculator: آلة حاسبة برمجية سريعة.

Browser-in-Browser: محاكي متصفح داخلي لتصفح الويب.

التخصيص الكامل (System Customization): إمكانية تغيير خلفية سطح المكتب (Wallpapers)، والتبديل بين الوضع الداكن والوضع الفاتح (Dark/Light Mode).

السرعة والاستجابة (Performance Optimization): النظام خفيف جداً ومتجاوب بالكامل مع مختلف شاشات الأجهزة (Responsive Design).

🎯 التحديات البرمجية التي حلها المشروع (Technical Achievements):

Z-Index Management: التحكم الذكي في ترتيب النوافذ فوق بعضها، بحيث تظهر النافذة النشطة (Focused) دائماً في المقدمة عند الضغط عليها.

State Synchronization: ربط شريط المهام بالنوافذ المفتوحة بشكل لحظي؛ عند تصغير النافذة تختفي من الشاشة وتظل نشطة في شريط المهام.