ตอบสนองอีคอมเมิร์ซโดย jobsimulator.dev
นี่คือไซต์อีคอมเมิร์ซที่เรียบง่ายที่ทำจาก React และ Tailwindcss งานของคุณคือแก้ไขปัญหา 8 ข้อ:
- จัดเรียงผลิตภัณฑ์ตามราคาและวันที่วางจำหน่าย
- การคงอยู่ของรถเข็นในการรีเฟรช
- เพิ่มฟังก์ชั่นตัวกรองผลิตภัณฑ์
- การดึงผลิตภัณฑ์ทำให้เกิดการวนซ้ำที่ไม่มีที่สิ้นสุด
- ต้องแสดง 'รถเข็นเปล่า' เมื่อรถเข็นว่างเปล่าบนหน้ารถเข็น
- อัปเดตรถเข็นใน NAV ด้วยขนาดรถเข็น
- รถเข็นไม่ปิดเมื่อผู้ใช้คลิกภูมิภาคสีเทา
- ผลรวมย่อยไม่ได้ถูกนำไปใช้ในหน้ารถเข็น
วัตถุประสงค์การเรียนรู้
คุณจะฝึกฝนและได้รับประสบการณ์ด้วย:
- จัดแต่งทรงผม webapps ด้วย tailwindcss
- การใช้ Hooks React (useState, useeffect)
- การจัดการรวมเรียงลำดับและการแสดงข้อมูล
- ทำงานกับตารางใน React
- การใช้ตะกร้าสินค้า
- ทำงานกับที่เก็บข้อมูลในท้องถิ่น
- การจัดรูปแบบสกุลเงิน
- การดึงข้อมูลจาก APIs
วิธีเริ่มทำงาน
- แยก repo นี้และโคลนในพื้นที่
- ติดตั้งการพึ่งพาโดยเรียกใช้
npm i - เรียกใช้แอพในพื้นที่โดยเรียกใช้
npm run dev:frontend เพื่อเริ่มต้นส่วนหน้าและ npm run dev:backend เพื่อเริ่มแบ็กเอนด์ - เยี่ยมชม http: // localhost: 3000 เพื่อดูเว็บไซต์
- แก้ไขปัญหาทั้งหมด (คำแนะนำเป็นความคิดเห็นที่ต้องทำในรหัส)
- เมื่อโซลูชันทั้งหมดของคุณเสร็จสมบูรณ์ให้สร้างคำขอดึงครั้งเดียวไปยังที่เก็บนี้
- ตรวจสอบว่าโซลูชันของคุณผ่านการทดสอบอัตโนมัติของเราหรือไม่
ต้องการความช่วยเหลือ?
วิธีที่ดีที่สุดในการขอความช่วยเหลือคือการถามชุมชน Discord ของเรา
คลิกที่นี่เพื่อเข้าร่วม JobSimulator.dev Discord
ต้องการความท้าทายมากขึ้น?
เรียกดูรายการความท้าทายของเราและเข้าร่วมความไม่ลงรอยกันของเราเพื่อรับการแจ้งเตือนเมื่อมีการเปิดเผยความท้าทายใหม่
