الاتصالات (React، Tailwind، Shadcn/ui)
هذه نسخة من لعبة NYT Connections. والذي يبدو في حد ذاته نسخة غير معترف بها للعبة البريطانية Only Connect .
على أية حال..
انقر هنا لتجربة العرض التوضيحي
للتشغيل محليًا:
cd react-connections-game
npm install
npm run dev
تكنولوجيا
- التفاعل 18
- الريح الخلفية CSS
- رد فعل الربيع لعدد قليل من الرسوم المتحركة
- Shadcn/ui للمكونات البدائية
- تم نسخ عدد من الوظائف المساعدة من React Wordle Clone - cwackerfuss/react-wordle
- بنيت مع الطرود
منظمة الكود
- تتم معالجة الحالة العامة (حالة اللعبة، والتخمينات، وما إلى ذلك) باستخدام واجهة برمجة تطبيقات سياق React. مكونات الموفر موجودة في
src/providers - المكونات موجودة في
src/components- المكونات الأولية المستوردة من مكتبة
shadcn/ui والتي تم تحريرها بشكل طفيف موجودة في src/components/ui - عنصر
Sparkles مأخوذ من مقالة Josh Comeau حول إنشاء بريق متحرك في React..
- الوظائف المساعدة للتخزين المحلي وإحصائيات اللعبة والثوابت موجودة في
src/lib- بيانات اللغز الفعلية لتغيير محتوى كل لغز موجودة في
src/lib/data.js
- الخطافات المخصصة موجودة في
src/hooks- كلاهما عبارة عن مقتطفات برمجية مأخوذة من مدونة Josh Comeau
مشاريع مماثلة
- PuzzGrid الذي يسمح لك بإنشاء الألعاب/الألغاز الخاصة بك، دون الحاجة إلى كود.
- Connections Generator من swellgarfo والذي يسمح لك أيضًا بإنشاء الألعاب/الألغاز الخاصة بك، دون الحاجة إلى كود.
المساهمة
- من فضلك شوكة وتقديم العلاقات العامة إذا كنت ترغب في ذلك!
المشاريع المبنية باستخدام هذا الريبو:
هل تريد إضافة واحد إلى القائمة؟ يرجى تقديم طلب سحب.
إذا وجدت هذا مفيدًا أو مسليًا، فلا تتردد في الاطلاع على أعمالنا الأخرى!
- كتابات وأفكار
- الكلمة السوداء
إذا كنت ترغب في الدعم ماليا
- مساهمة لمرة واحدة عبر Stripe
