محرر Markdown مباشر داخل المتصفح

طورت محرر Markdown داخل المتصفح لتسهيل كتابة المستندات التقنية ومشاهدة النتيجة النهائية لحظيًا، من غير الحاجة لتثبيت برنامج أو التنقل بين أدوات منفصلة.

دوري شمل بناء إدارة المستندات وحالة التطبيق، محرك المعاينة، مساحة العمل القابلة لتغيير الحجم، الحفظ المحلي، وتجربة استخدام متاحة بالماوس ولوحة المفاتيح وعلى الشاشات الصغيرة.

أبرز ما نفذته:

• إنشاء وفتح وإعادة تسمية وحذف المستندات مع حفظ تلقائي داخل المتصفح.

• معاينة فورية وآمنة لـ Markdown وGitHub Flavored Markdown بدون حقن HTML مباشر.

• تقسيم قابل للسحب بين المحرر والمعاينة بنسبة من 20% إلى 80% مع حفظ تفضيل المستخدم.

• دعم الجداول وقوائم المهام والروابط والاقتباسات وكتل الكود.

• تنزيل المستند مباشرة بصيغة MD، ووضع معاينة كامل للقراءة.

• واجهة فاتحة وداكنة، قائمة جانبية متحركة، وتصميم متجاوب للموبايل.

• تحسين الوصول باستخدام ARIA وحجز التركيز واختصارات لوحة المفاتيح.

التقنيات: React، Vite، Tailwind CSS، react-markdown، remark-gfm، Context API وuseReducer.

المشروع يوضح قدرتي على بناء أدوات إنتاجية تفاعلية، وإدارة حالة قابلة للتوسع، وتنفيذ واجهات دقيقة وسهلة الاستخدام.