การเชื่อมต่อ (ตอบสนอง, Tailwind, Shadcn/ui)
นี่คือโคลนของเกม NYT Connections ซึ่งดูเหมือนว่าจะเป็นโคลนของเกม Only Connect ของอังกฤษที่ไม่ได้รับการยอมรับ
ยังไงก็ตาม..
คลิกที่นี่เพื่อทดลองใช้การสาธิต
วิธีเรียกใช้ในเครื่อง:
cd react-connections-game
npm install
npm run dev
เทคโนโลยี
- ปฏิกิริยา 18
- CSS ท้ายลม
- React Spring สำหรับแอนิเมชั่นบางส่วน
- Shadcn/ui สำหรับส่วนประกอบดั้งเดิม
- คัดลอกฟังก์ชันยูทิลิตี้จำนวนหนึ่งจาก React Wordle Clone - cwackerfuss/react-wordle
- สร้างด้วยพัสดุ
องค์กรรหัส
- สถานะสากล (สถานะเกม การคาดเดา ฯลฯ) ได้รับการจัดการโดยใช้ Context API ของ React ส่วนประกอบของผู้ให้บริการอยู่ใน
src/providers - ส่วนประกอบอยู่ใน
src/components- ส่วนประกอบดั้งเดิมที่นำเข้าจากไลบรารี
shadcn/ui และแก้ไขเล็กน้อยอยู่ใน src/components/ui - ส่วนประกอบ
Sparkles นำมาจากบทความของ Josh Comeau เกี่ยวกับการสร้างประกายไฟแบบเคลื่อนไหวใน React..
- ฟังก์ชันตัวช่วยสำหรับการจัดเก็บในตัวเครื่อง สถิติเกม และค่าคงที่อยู่ใน
src/lib- ข้อมูลปริศนาจริงสำหรับการเปลี่ยนแปลงเนื้อหาของแต่ละปริศนาอยู่ใน
src/lib/data.js
- hooks แบบกำหนดเองอยู่ใน
src/hooks- ทั้งสองนี้เป็นข้อมูลโค้ดที่นำมาจากบล็อกของ Josh Comeau
โครงการที่คล้ายกัน
- PuzzGrid ที่ให้คุณสร้างเกม/ปริศนาของคุณเองได้ โดยไม่ต้องใช้โค้ด
- Connections Generator โดย swellgarfo ซึ่งช่วยให้คุณสร้างเกม/ปริศนาของคุณเองได้ โดยไม่ต้องใช้โค้ด
มีส่วนร่วม
- กรุณาแยกและส่ง PR หากคุณต้องการ!
โครงการที่สร้างขึ้นโดยใช้ Repo นี้:
ต้องการเพิ่มรายการหนึ่งรายการหรือไม่ กรุณาทำการร้องขอการดึง
หากคุณพบว่ามีประโยชน์หรือความบันเทิง โปรดลองดูงานอื่นๆ ของเราได้เลย!
- งานเขียนและความคิด
- แบล็คเวิร์ด
หากคุณต้องการสนับสนุนทางการเงิน
- การบริจาคครั้งเดียวผ่าน Stripe
