Sorting Algorithm Visualizer

هذا الموقع هو أداة تفاعلية لتصور خوارزميات الفرز (Sorting Algorithms Visualizer)، حيث يسمح للمستخدمين بمشاهدة كيفية عمل خوارزميات الفرز خطوة بخطوة بشكل مرئي.

يحتوي الموقع على المزايا التالية:

? عرض الأعمدة الممثلة للقيم، حيث يتغير ترتيبها أثناء الفرز لإظهار العملية بصريًا.

⏱️ شريط تحكم بالسرعة على الجانب لتسريع أو إبطاء عملية الفرز.

️ أزرار للتحكم مثل:

Insert لإدخال أرقام جديدة.

Generate لإنشاء مجموعة جديدة من القيم العشوائية.

Compare لمقارنة أداء الخوارزميات المختلفة.

اختيار نوع الخوارزمية من الأزرار السفلية: Bubble Sort, Selection Sort, Insertion Sort, Quick Sort, Merge Sort.

تصميم واجهة داكنة (Dark Theme) مريح للعين مع ألوان واضحة لعناصر العرض.

هذه الأداة مناسبة للمتعلمين لفهم كيفية عمل الخوارزميات عمليًا وبطريقة ممتعة.

️ التقنيات المقترحة (Tech Stack)

لإنشاء موقع مشابه، يمكن استخدام التقنيات التالية:

️ الواجهة الأمامية (Frontend)

HTML / CSS / JavaScript لبناء الواجهة وعرض العناصر المتحركة.

Animejs لتحريك الأعمدة بسلاسة أثناء التبديل.

️ منطق الخوارزميات (Algorithms Logic)

كتابة خوارزميات الفرز (Bubble, Selection, Insertion, Quick, Merge) باستخدام JavaScript.

استخدام async/await لمحاكاة الحركة البطيئة والتحكم بالسرعة.

النشر (Deployment)

GitHub Pages / Netlify / Vercel لنشر الموقع بسهولة.