math_magicians

math_magicians

การแสดง Desktop View

- สารบัญ

• เกี่ยวกับโครงการ
  • - สร้างด้วย
    • เทคสแต็ค
    • คุณสมบัติที่สำคัญ
  • การสาธิตสด
• เริ่มต้นใช้งาน
  • ตั้งค่า
  • ข้อกำหนดเบื้องต้น
  • ติดตั้ง
  • การใช้งาน
  • ทำการทดสอบ
  • การปรับใช้
• ผู้เขียน
• - คุณสมบัติในอนาคต
• - มีส่วนร่วม
• ️ แสดงการสนับสนุนของคุณ
• รับทราบ
• ❓ คำถามที่พบบ่อย (ไม่บังคับ)
• ใบอนุญาต

[ math_magicians ]

[ math_magicians ] เป็นเว็บไซต์สำหรับแฟนคณิตศาสตร์ เป็นแอปหน้าเดียว (SPA) ที่สร้างขึ้นโดยใช้ไลบรารี React.JS ซึ่งช่วยให้ผู้ใช้สามารถคำนวณอย่างง่ายและอ่านคำพูดที่เกี่ยวข้องกับคณิตศาสตร์แบบสุ่มได้

- สร้างด้วย

เทคสแต็ค

• ลูกค้า
  • HTML
  • ซีเอสเอส
  • จาวาสคริปต์
  • ตอบโต้JS
  • เอพีไอ

คุณสมบัติที่สำคัญ

• [รูปแบบที่ตอบสนอง]
• [การเข้าถึง UX/UI]
• [ข้อมูลไดนามิก]

(กลับไปด้านบน)

การสาธิตสด

• การสาธิตสดบนหน้า Gh
• การสาธิตสดบน Render

(กลับไปด้านบน)

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

หากต้องการเรียกใช้สำเนาในเครื่อง ให้ทำตามขั้นตอนเหล่านี้:

ข้อกำหนดเบื้องต้น

ในการดำเนินโครงการนี้ คุณต้องมี:

• เบราว์เซอร์ที่คุณเลือก
• โปรแกรมแก้ไขข้อความที่คุณเลือก
• node.js ที่ติดตั้งบนระบบโลคัลของคุณ

ตั้งค่า

โคลนที่เก็บนี้ไปยังโฟลเดอร์ที่คุณต้องการ:

• ใช้คำสั่งต่อไปนี้:

  math_magicians.git">

   cd your-desired-folder
  git clone [email protected]:ab-noori/ math_magicians .git
  

ติดตั้ง

• ติดตั้งโปรเจ็กต์นี้ด้วย:

   npm react-app .
   npm start
  

การใช้งาน

• ใช้คำสั่งต่อไปนี้เพื่อรันบนระบบโลคัลของคุณ:

   npm run build
  npm run deploy
  

ทำการทดสอบ

• รันการทดสอบสคริปต์และสไตล์ต่อไปนี้:

   npx eslint "**/*.{js,jsx}"
  npx eslint "**/*.{js,jsx}" --fix
  
  npx stylelint "**/*.{css,scss}"
  npx stylelint "**/*.{css,scss}" --fix
  

การปรับใช้

• 1- ติดตั้ง 'gh-pages' ด้วยคำสั่งต่อไปนี้:

   npm i -D gh-pages
  

• 2- เพิ่ม 'homepage' ลงในไฟล์ jason ของโครงการ:

   "homepage": "https://ab-noori.github.oi/math_magicians",
  

• 3- เพิ่มสคริปต์ต่อไปนี้ลงในไฟล์ jason ของโครงการ:

   "predeploy": "npm run build",
  "deploy": "gh-pages -d build "
  

• 4- ในที่สุดให้รันคำสั่งต่อไปนี้:

   npm run deploy
  

(กลับไปด้านบน)

ผู้เขียน

- อับดุล อาลี นูรี

• GitHub: @ab-noori
• ทวิตเตอร์: @AbdulAliNoori4
• LinkedIn: อับดุล-อาลี-นูรี

- คุณสมบัติในอนาคต

• [เพิ่มหน้าเกี่ยวกับ]
• [เพิ่มหน้าการติดต่อ]

(กลับไปด้านบน)

- มีส่วนร่วม

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

อย่าลังเลที่จะตรวจสอบหน้าปัญหา

(กลับไปด้านบน)

️ แสดงการสนับสนุนของคุณ

ถ้าคุณชอบโครงการนี้ให้ดาวเลย

(กลับไปด้านบน)

รับทราบ

ฉันอยากจะขอบคุณ Microverse และพันธมิตรการเขียนโค้ดของฉัน นอกจากนี้ ฉันอยากให้เครดิต Nerd's lesson ใน YouTube Channel ด้วย react tutorial นั้นมีประโยชน์มาก

(กลับไปด้านบน)

❓ คำถามที่พบบ่อย (ไม่บังคับ)

• จะทำให้เป็นมิตรกับมือถือได้อย่างไร?

  • ใส่แท็กวิวพอร์ตในส่วนหัว

• ออกแบบเว็บไซต์อย่างไร?

  • วาดแบบจำลองก่อนเริ่มเขียนโค้ด

(กลับไปด้านบน)

ใบอนุญาต

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

(กลับไปด้านบน)