Keystrike — React Typing Speed Test App

Keystrike هو تطبيق لاختبار سرعة الكتابة مبني باستخدام React وRedux Toolkit وTailwind CSS، ويتيح للمستخدم قياس سرعة الكتابة ودقتها من خلال أكثر من وضع للاختبار.

أهم Features في المشروع:

* 3 أوضاع للاختبار: Time, Words و Quote.

* حساب الـ WPM والـ Accuracy بشكل فعلي بناءً على إدخال المستخدم.

* إدارة الـ state باستخدام الأدوات المناسبة لكل نوع من البيانات، مع استخدام useReducer للحالة الخاصة بالاختبار وRedux Toolkit للبيانات المشتركة مثل تسجيل الدخول، الإعدادات والـ history.

* استخدام React Router مع createBrowserRouter وNested Layouts لتنظيم الـ public, auth وprotected routes.

* Protected Routes مع redirect للمستخدمين غير المسجلين.

* Personal Dashboard لعرض سجل ونتائج الاختبارات.

* Progress Chart مبني باستخدام SVG.

* Dark / Light Mode.

* Keyboard shortcuts مثل زر Esc لإعادة تشغيل الاختبار.

* Timers وkeyboard events وsound effects مع إدارة وتنظيف الـ side effects باستخدام useEffect.

* تنظيم المشروع باستخدام Feature-based structure، بحيث كل Feature تحتوي على الـ components والـ logic الخاص بها.

تم بناء المشروع مع التركيز على اختيار الـ state management المناسب لكل حالة، وتنظيم الـ architecture بطريقة تجعل الكود أسهل في الفهم والتطوير وإضافة Features جديدة مستقبلًا.