bookstore cms

ร้านหนังสือ CMS

การเป็นตัวแทนดูเดสก์ท็อป

- สารบัญ

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

[Bookstore-CMS]

[Bookstore-CMS] การใช้ React และ Redux ในบริบทของแอปพลิเคชันจริงเพื่อสร้างร้านหนังสือที่เรียบง่ายเพื่อ: แสดงรายการหนังสือเพิ่มหนังสือและลบหนังสือที่เลือก

- สร้างขึ้นด้วย

ซ้อนเทค

• ลูกค้า
  • ตอบโต้
  • redux
  • API

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

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

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

การสาธิตสด

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

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

เริ่มต้น

หากต้องการรับสำเนาท้องถิ่นและทำงานให้ทำตามขั้นตอนเหล่านี้:

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

เพื่อที่จะเรียกใช้โครงการนี้คุณต้องการ:

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

การตั้งค่า

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

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

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

ติดตั้ง

• ติดตั้งโครงการนี้ด้วย:

   npx create-react-app my-app
   cd my-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.io/bookstore-cms",
  

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

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

• 4- สุดท้ายเรียกใช้คำสั่งต่อไปนี้:

   npm run deploy
  

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

ผู้เขียน

- Abdul Ali Noori

• GitHub: @ab-noori
• Twitter: @abdulalinoori4
• LinkedIn: Abdul-Ali-Noori

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

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

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

- การบริจาค

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

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

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

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

ถ้าคุณชอบโครงการนี้ให้เป็นดารา

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

กิตติกรรมประกาศ

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

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

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

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

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

• วิธีการออกแบบเว็บไซต์?

  • วาด mockup ก่อนเริ่มรหัส

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

ใบอนุญาต

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

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