SpeedType

SpeedType: เพิ่มทักษะการพิมพ์ของคุณ

SpeedType คือเกมพิมพ์บนเว็บเชิงโต้ตอบที่ออกแบบมาเพื่อปรับปรุงความเร็วและความแม่นยำในการพิมพ์ของคุณ สร้างขึ้นด้วยกลุ่มเทคโนโลยีสมัยใหม่ นำเสนอวิธีเสริมทักษะการใช้คีย์บอร์ดของคุณอย่างน่าดึงดูด

คุณสมบัติ

• การติดตามข้อผิดพลาดแบบเรียลไทม์
• การคำนวณ WPM (คำต่อนาที)
• UI ที่เพรียวบางและตอบสนอง
• รองรับโหมดมืด
• การสนับสนุนหลายภาษา (อังกฤษและสเปน)

- คีย์เทคสแต็ค

• React : สำหรับสร้างส่วนต่อประสานกับผู้ใช้
• Next.js : สำหรับการเรนเดอร์และการกำหนดเส้นทางฝั่งเซิร์ฟเวอร์
• TypeScript : สำหรับรหัสป้องกันประเภท
• Framer Motion : เพื่อภาพเคลื่อนไหวและการเปลี่ยนภาพที่ราบรื่น
• Tailwind CSS : เพื่อการจัดสไตล์ที่รวดเร็วและตอบสนอง
• Zustand : เพื่อการจัดการรัฐที่มีประสิทธิภาพ
• Visual Studio Code : เป็นสภาพแวดล้อมการพัฒนาหลัก

- เริ่มต้นใช้งาน

ในการรันโปรเจ็กต์ในเครื่อง:

1. โคลนพื้นที่เก็บข้อมูล
2. ติดตั้งการอ้างอิง: npm install หรือ yarn install
3. รันเซิร์ฟเวอร์การพัฒนา: npm run dev หรือ yarn dev
4. เปิด http://localhost:3000 ในเบราว์เซอร์ของคุณ

การปรับใช้

โครงการถูกปรับใช้ที่ https://speedtype-v1.netlify.app

- UI/UX

• การออกแบบที่ตอบสนองโดยใช้ Tailwind CSS
• แอนิเมชั่นที่ราบรื่นขับเคลื่อนโดย Framer Motion
• ธีมที่ปรับแต่งได้พร้อมการรองรับโหมดมืด

- การจัดการของรัฐ

ใช้ Zustand เพื่อการจัดการสถานะที่มีประสิทธิภาพและเรียบง่าย

ตัวชี้วัดประสิทธิภาพ

ตาม PageSpeed ​​Insights (ณ วันที่ 12 ส.ค. 2024):

• คะแนนผลงาน : 94/100 (ดีเยี่ยม)
• การเข้าถึง : 100/100
• แนวทางปฏิบัติที่ดีที่สุด : 100/100
• SEO : 100/100

คะแนนเหล่านี้บ่งชี้ว่า SpeedType ได้รับการปรับให้เหมาะสมอย่างยิ่งสำหรับอุปกรณ์มือถือ โดยให้เวลาในการโหลดที่รวดเร็ว การเข้าถึงที่ยอดเยี่ยม การยึดมั่นในแนวทางปฏิบัติที่ดีที่สุดของเว็บ และพื้นฐาน SEO ที่แข็งแกร่ง

?ผู้เขียน

มัญชุนาถ ร

- มีส่วนร่วม

ยินดีต้อนรับการมีส่วนร่วม ปัญหา และการร้องขอคุณสมบัติ! อย่าลังเลที่จะตรวจสอบหน้าปัญหา

ใบอนุญาต

โครงการนี้ได้รับอนุญาตจาก MIT

การสาธิตโครงการ

วิดีโอสาธิต

Untitled.video.-.Made.with.Clipchamp.6.mp4

ภาพหน้าจอ

---

ทำด้วย❤️โดย Manjunath R