SpeedType: عزز مهاراتك في الكتابة
SpeedType هي لعبة كتابة تفاعلية على الويب مصممة لتحسين سرعة ودقة الكتابة. تم تصميمه بمجموعة من التقنيات الحديثة، وهو يوفر طريقة جذابة لتعزيز مهاراتك في استخدام لوحة المفاتيح.
سمات
- تتبع الأخطاء في الوقت الحقيقي
- حساب WPM (الكلمات في الدقيقة).
- واجهة مستخدم أنيقة وسريعة الاستجابة
- دعم الوضع المظلم
- دعم متعدد اللغات (الإنجليزية والإسبانية)
؟ مكدس التكنولوجيا الرئيسية
- رد : لبناء واجهة المستخدم
- Next.js : للعرض والتوجيه من جانب الخادم
- TypeScript : للحصول على كود آمن للنوع
- Framer Motion : للحصول على رسوم متحركة وانتقالات سلسة
- Tailwind CSS : للتصميم السريع والسريع الاستجابة
- Zustand : لإدارة الدولة بكفاءة
- كود Visual Studio : بيئة التطوير الأساسية
؟ ابدء
لتشغيل المشروع محلياً:
- استنساخ المستودع
- تثبيت التبعيات:
npm install
أو yarn install
- قم بتشغيل خادم التطوير:
npm run dev
أو yarn dev
- افتح http://localhost:3000 في متصفحك
النشر
يتم نشر المشروع على https://speedtype-v1.netlify.app
؟ واجهة المستخدم/تجربة المستخدم
- تصميم مستجيب باستخدام Tailwind CSS
- رسوم متحركة سلسة مدعومة بـ Framer Motion
- سمات قابلة للتخصيص مع دعم الوضع المظلم
؟ إدارة الدولة
يستخدم Zustand لإدارة الحالة بكفاءة وبساطة
مقاييس الأداء
وفقًا لرؤى PageSpeed (اعتبارًا من 12 أغسطس 2024):
- درجة الأداء : 94/100 (ممتاز)
- إمكانية الوصول : 100/100
- أفضل الممارسات : 100/100
- تحسين محركات البحث : 100/100
تشير هذه النتائج إلى أن SpeedType تم تحسينه بدرجة كبيرة للأجهزة المحمولة، حيث يوفر أوقات تحميل سريعة وإمكانية وصول ممتازة والتزامًا بأفضل ممارسات الويب وأساسيات قوية لتحسين محركات البحث.
؟مؤلف
مانجوناث ر
؟ المساهمة
نرحب بالمساهمات والقضايا وطلبات الميزات! لا تتردد في التحقق من صفحة القضايا.
رخصة
هذا المشروع مرخص من معهد ماساتشوستس للتكنولوجيا.
عرض المشروع
فيديو تجريبي
Untitled.video.-.Made.with.Clipchamp.6.mp4
لقطات الشاشة
صُنع باستخدام ❤️ بواسطة Manjunath R