หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

คำถามเว็บแอปพลิเคชั่น

โครงการสด: https://ask-quiz.netlify.app/


Tech Stack:

  • Frontend: HTML, CSS, React JS, Java Script, Bootstrap, Chakra UI
  • การควบคุมเวอร์ชัน: Git และ GitHub
  • โฮสติ้ง: netlify
  • โปรแกรมแก้ไขรหัสและเครื่องมือ : VS Code

ยินดีต้อนรับสู่ Quiz Web App

สารบัญ 

 - Overview
- UI of Website
- Contribution Guideline

ภาพรวม?

แอปพลิเคชั่นเว็บแบบทดสอบนี้สร้างขึ้นโดยใช้ React JS สามารถอนุญาตให้ผู้ใช้เลือกเกณฑ์สำหรับแบบทดสอบจากรายการตัวเลือก จากนั้นผู้ใช้สามารถตอบคำถามในคำถามและประสิทธิภาพของพวกเขาจะถูกติดตามและแสดงในกระดานคะแนน ยิ่งไปกว่านั้นแอพสามารถออกแบบให้ตอบสนองและใช้งานง่าย


UI ของเว็บไซต์

ภาพหน้าจอ (280)

โฮมเพจ

ภาพ

หน้าคำถาม

ภาพ

หน้าบอร์ดคะแนน


ขั้นตอนการตั้งค่า

  • ไปที่ไดเรกทอรี 
 $ cd Quiz-App
  • ติดตั้งการพึ่งพา 
 npm install
  • เริ่มต้นเซิร์ฟเวอร์ localhost 
 npm run start

แนวทางการบริจาค?

หากต้องการเริ่มต้นให้ทำตามแนวทางด้านล่าง:

1. ส้อมที่เก็บนี้

2. โคลนสำเนาของโครงการของคุณ 

 git clone https://github.com/imhardikdesai/Quiz-App.git

3. นำทางไปยังไดเรกทอรีโครงการ? - 

 cd Quiz-App

4. เพิ่มการอ้างอิง (รีโมต) ลงในที่เก็บต้นฉบับ 

 git remote add upstream Quiz-App.git

5. ตรวจสอบรีโมทสำหรับที่เก็บนี้ 

 git remote -v

6. สร้างสาขาใหม่ 

 git checkout -b <your_branch_name>

7. perfom การเปลี่ยนแปลงที่คุณต้องการเป็นฐานรหัส

8. ติดตามการเปลี่ยนแปลงของคุณ: heavy_check_mark: 

 git add .

9. กระทำการเปลี่ยนแปลงของคุณ 

 git commit -m "Relevant message"

10. ผลักดันการเปลี่ยนแปลงที่มุ่งมั่นในสาขาคุณสมบัติของคุณไปยัง repo ระยะไกลของคุณ 

 git push -u origin <your_branch_name>

11. ในการสร้างคำขอดึงให้คลิกที่ compare and pull requests

12. เพิ่มชื่อและคำอธิบายที่เหมาะสมลงในคำขอดึงของคุณเพื่ออธิบายการเปลี่ยนแปลงและความพยายามของคุณ

13. คลิกที่ Create Pull Request

14 คุณทำมัน! - รอให้การส่งของคุณได้รับการยอมรับและการประชาสัมพันธ์ของคุณจะถูกรวมเข้าด้วยกัน


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