bookstore

ร้านหนังสือ

- สารบัญ

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

ร้านหนังสือ

Book Store เป็นเว็บแอปที่เราสามารถลบเพิ่มและลบหนังสือได้ฉันใช้ React และ JSX เพื่อสร้างเว็บแอปนี้

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

• html
• CSS,
• สคริปต์ Java
• Git
• คนอื่น ๆ
• ผ้าลินิน
• เว็บแพ็ค
• ตอบโต้

ซ้อนเทค

ลูกค้า

• HTML5
• CSS3
• จาวาสคริปต์
• ตอบโต้

เซิร์ฟเวอร์

• ส่วนขยายเซิร์ฟเวอร์ Live Code

การสาธิตสด

ตรวจสอบการสาธิตสดของโครงการนี้ที่นี่

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

• ตาข่ายสำหรับคุณภาพรหัส
• การออกแบบที่ตอบสนองสำหรับขนาดหน้าจอที่แตกต่างกัน
• ในโครงการนี้ใช้วิธีปฏิบัติที่ดีที่สุดในการเข้ารหัส

เริ่มต้น

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

1. ไปที่ลิงค์ URL นี้: https://github.com/najibullahjafari/bookstore
2. โคลน repo และเริ่มทำงานกับมัน

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

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

Google Chrome หรือเบราว์เซอร์อื่น ๆ

  https://www.google.com/chrome/ ? brand=JJTC & gclid=CjwKCAjw9J2iBhBPEiwAErwpeSDcMFWiIQWj2u5GY6owZ7OaOHw7dYYCHW7uTR4kvYosNJYd4wt4VxoCiywQAvD_BwE & gclsrc=aw.ds

บัญชี GitHub:

  https://github.com/

ติดตั้ง NPM:

  https://nodejs.org/en/download

ติดตั้ง Git:

  https://git-scm.com/downloads/

การตั้งค่า

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

  cd my-folder
  git clone https://github.com/najibullahjafari/bookstore

ติดตั้ง

กรุณาทำตาม ขั้นตอนต่อไปนี้ในลำดับนี้ :

1. ใช้ npm run build เพื่อติดตั้งการพึ่งพาทั้งหมด
2. จากนั้นคุณสามารถเรียกใช้โครงการโดยคำสั่ง npm start

Linters: หากคุณมีปัญหาใด ๆ กับ Linters for react คุณสามารถติดตั้งเป็น Bellow:

eslint

1. วิ่ง

    npm install --save-dev [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] @babel/[email protected] @babel/[email protected]  @babel/[email protected]  @babel/[email protected] @babel/[email protected]
   

   ไม่แน่ใจว่าจะใช้ NPM ได้อย่างไร? อ่านสิ่งนี้
2. คัดลอก. eslintrc.json และ. babelrc ไปยังไดเรกทอรีรากของโครงการของคุณ
3. อย่าทำการเปลี่ยนแปลงใด ๆ ในไฟล์ config - พวกเขาเป็นตัวแทนของแนวทางสไตล์ที่คุณแบ่งปันกับทีมของคุณ - ซึ่งเป็นกลุ่มของนักเรียน microverse ทั้งหมด
4. เรียกใช้ npx eslint "**/*.{js,jsx}" บนรากของไดเรกทอรีของโครงการของคุณ
5. แก้ไขข้อผิดพลาดของ linter
6. หมายเหตุสำคัญ : อย่าลังเลที่จะค้นคว้าตัวเลือกการแก้ไขอัตโนมัติสำหรับ ESLINT หากคุณได้รับข้อผิดพลาด แต่โปรดจำไว้ว่าการแก้ไขข้อผิดพลาดสไตล์ด้วยตนเองจะช่วยให้คุณสร้างนิสัยในการเขียนรหัสที่สะอาด!

stylelint

1. วิ่ง

    npm install --save-dev [email protected] [email protected] [email protected] [email protected]
   

   ไม่แน่ใจว่าจะใช้ NPM ได้อย่างไร? อ่านสิ่งนี้

2. คัดลอก. stylelintrc.json ไปยังไดเรกทอรีรากของโครงการของคุณ

3. อย่าทำการเปลี่ยนแปลงใด ๆ ในไฟล์ config - พวกเขาเป็นตัวแทนของแนวทางสไตล์ที่คุณแบ่งปันกับทีมของคุณ - ซึ่งเป็นกลุ่มของนักเรียน microverse ทั้งหมด

4. เรียกใช้ npx stylelint "**/*.{css,scss}" บนรากของไดเรกทอรีของโครงการของคุณ

5. แก้ไขข้อผิดพลาดของ linter

6. หมายเหตุสำคัญ : อย่าลังเลที่จะค้นคว้าตัวเลือกการแก้ไขอัตโนมัติสำหรับ Stylelint หากคุณได้รับข้อผิดพลาด แต่โปรดจำไว้ว่าการแก้ไขข้อผิดพลาดสไตล์ด้วยตนเองจะช่วยให้คุณสร้างนิสัยในการเขียนรหัสที่สะอาด!

การใช้งาน

ในการเรียกใช้โครงการให้ดำเนินการคำสั่งต่อไปนี้:

เปิด index.html ในเบราว์เซอร์ของคุณ

เรียกใช้การทดสอบ

ในการเรียกใช้การทดสอบให้เรียกใช้คำสั่งต่อไปนี้:

เพื่อตรวจสอบข้อผิดพลาดในการจัดแต่งทรงผม:

  npx stylelint " **/*.{css,scss} "

การปรับใช้

คุณสามารถปรับใช้โครงการนี้โดยใช้:

เบราว์เซอร์ที่ทำงานของคุณ

ผู้เขียน

- Najibullah Jafari

• GitHub: Najibullah_jafari
• Twitter: Najibullah_jafari
• LinkedIn: Najibullah_jafari

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

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

• [เวอร์ชันตอบสนอง]

- การบริจาค

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

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

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

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

คุณชอบโครงการนี้ไหม? ดังนั้นอย่ารอที่จะให้ดาวดวงหนึ่ง!

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

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

ฉันต้องการแสดงความขอบคุณอย่างสุดซึ้งต่อ microverse สำหรับโครงการนี้ ประสบการณ์การเรียนรู้และการสนับสนุนที่มีค่านั้นมีประโยชน์ในการเติบโตของฉันในฐานะนักพัฒนา ที่ปรึกษาและอาจารย์ของฉันสมควรได้รับขอบคุณเป็นพิเศษสำหรับคำแนะนำและความอดทน จิตวิญญาณการทำงานร่วมกันของเพื่อนนักเรียนของฉันเป็นแหล่งของแรงบันดาลใจอย่างต่อเนื่อง ฉันยังขยายความซาบซึ้งต่อชุมชนโอเพนซอร์ซสำหรับการมีส่วนร่วมของพวกเขา สุดท้ายการสนับสนุนที่ไม่เปลี่ยนแปลงของครอบครัวและเพื่อนของฉันเป็นแรงผลักดันตลอดการเดินทางครั้งนี้ ขอบคุณ Microverse สำหรับโอกาสที่เหลือเชื่อนี้!

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

ใบอนุญาต

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

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