หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

แอพ Esports เต็มรูปแบบ

  • เกี่ยวกับ
  • เว็บไคลเอ็นต์
  • เว็บเซิร์ฟเวอร์/API
  • ลูกค้ามือถือ
  • การติดตั้ง
  • หมายเหตุเพิ่มเติม

เกี่ยวกับ

แอปพลิเคชั่นนี้อนุญาตให้ผู้ใช้เผยแพร่ความพร้อม ค้นหาและเชื่อมต่อกับผู้ใช้รายอื่นที่เล่นเกมเดียวกัน เพื่อให้พวกเขาสามารถเล่นด้วยกันได้

ในโครงการนี้ สถานที่ตั้งคือการสำรวจพื้นฐานของสถาปัตยกรรมไคลเอ็นต์-เซิร์ฟเวอร์ แบ็กเอนด์เปิดเผย REST API แบบง่ายเพื่อให้บริการและสร้างทรัพยากรตามคำขอที่เข้ามา ในฝั่งไคลเอ็นต์ เว็บและแอปมือถือมีหน้าที่ในการสื่อสารกับเซิร์ฟเวอร์ตลอดจนจัดหาอินเทอร์เฟซสำหรับจัดการการโต้ตอบของผู้ใช้


เว็บไคลเอ็นต์


เว็บไคลเอ็นต์ที่สร้างด้วย ReactJS คุณสมบัติหลัก ได้แก่ รายชื่อเกมและการสร้างโฆษณา

เครื่องมือ

  • TypeScript
  • ตอบโต้JS
  • TailwindCSS
  • Radix UI
  • แอ็กซิออส

เว็บเซิร์ฟเวอร์/API


Rest API พร้อมเส้นทางสำหรับการแสดงรายการและสร้างทรัพยากร

เครื่องมือ

  • โหนดJS
  • เอ็กซ์เพรสJS
  • พริสมา ออม
  • SQLite
  • TypeScript

ลูกค้ามือถือ


ไคลเอนต์มือถือข้ามแพลตฟอร์มสร้างขึ้นด้วย React Native คุณสมบัติหลัก ได้แก่ การเรียกดูโฆษณาและการค้นหาผู้เล่น

เครื่องมือ

  • TypeScript
  • ตอบสนองพื้นเมือง
  • งานเอ็กซ์โป

การติดตั้ง

  • นำทางไปยังไดเรกทอรีรากของแอปพลิเคชัน (มือถือ เซิร์ฟเวอร์ หรือเว็บ)
  • ติดตั้งการพึ่งพาโดยการรัน npm install
  • รันแอปพลิเคชันด้วย npm run dev

สองสิ่งที่ควรคำนึงถึง:

  • คุณสามารถติดตั้งและรันเซิร์ฟเวอร์ก่อนที่จะรันแอพไคลเอนต์
  • ณ วันนี้ ไม่มีแอปพลิเคชันใดในโปรเจ็กต์นี้ที่พร้อมสำหรับการใช้งาน

หมายเหตุเพิ่มเติม

  • โครงการนี้เป็นเพียงแบบฝึกหัดภาคปฏิบัติที่มีจุดมุ่งหมายเพื่อพัฒนาและ/หรือแสดงทักษะของฉันในเครื่องมือ/เทคนิค/แนวคิดที่กล่าวถึงข้างต้น ไม่ใช่โซลูชันที่พร้อมสำหรับการผลิตโดยสมบูรณ์ โปรดติดต่อเราหากคุณมีคำถามหรือต้องการพูดคุยเกี่ยวกับเรื่องนี้!
  • แบบฝึกหัดนี้สร้างขึ้นตามบทเรียนจากโปรแกรม Ignite ReactJS ของ Rocketseat ฉันอาจจะดัดแปลง/ออกแบบใหม่หรือไม่ก็ได้
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด