Shopping Cart

ใช้ persistentAtom จาก Nanostores เพื่อเก็บข้อมูลไว้ใน Local Storage ทำให้ข้อมูลไม่หายเมื่อรีเฟรชหรือปิดเบราว์เซอร์

ใช้โครงสร้างข้อมูลแบบอะตอมมิกช่วยให้ทุกส่วนของเว็บไซต์ที่เรียกใช้ตะกร้าได้รับข้อมูลล่าสุดในทันที

ระบบ Encode/Decode ข้อมูลเป็น JSON อัตโนมัติเมื่อมีการเปลี่ยนแปลงค่าใน Store

คำนวณราคารวมในหน่วยบาท (THB) และแปลงเป็นหน่วยซาโตชิ (Sats) แบบเรียลไทม์

ระบบรวมจำนวนสินค้าแบบแยกตาม SKU เพื่อแสดงราคารวมที่ถูกต้องในแต่ละรายการ

ใช้อัลกอริทึมพื้นฐานในการประเมินมูลค่าบิตคอยน์เบื้องต้นเพื่อให้ผู้ใช้เห็นความคุ้มค่า

ส่งสัญญาณ CustomEvent ไปทั่วเว็บเมื่อมีการเพิ่มหรือลบสินค้า เพื่ออัปเดต Badge บน Navbar

ระบบรับ-ส่งคำสั่งเปิด/ปิดลิ้นชักตะกร้าข้าม Component (เช่น จากหน้า Product Detail ไปที่ CartDrawer)

ใช้หลักการ Event Bubbling เพื่อให้ Element ชั้นบนสามารถดักฟังและสั่งงานตะกร้าได้จากทุกจุด

ดีไซน์แผงเลื่อนด้านข้างที่ประหยัดพื้นที่และไม่รบกวนการเลือกชมสินค้าในหน้าหลัก

ปุ่มบวก-ลบจำนวนสินค้าและการลบรายการที่ทำงานได้ทันทีโดยไม่ต้องโหลดหน้าใหม่

การแสดงผลที่สวยงามเมื่อไม่มีสินค้าในตะกร้า พร้อมปุ่มนำทางกลับไปที่หน้า Shop

การแพ็กข้อมูลสินค้าทั้งหมด (ID, Name, Price, Qty) เตรียมพร้อมสำหรับการคำนวณในหน้าใบกำกับภาษี

ระบบล้างข้อมูลในตะกร้า (cart.clear) เฉพาะเมื่อการสั่งซื้อได้รับการยืนยันหรือเข้าสู่สถานะจ่ายเงินแล้ว

การไหลของข้อมูลที่เน้นความสอดคล้องระหว่างหน้า Cart และหน้าชำระเงินเพื่อป้องกันราคาคลาดเคลื่อน

ระบบตรวจสอบสต็อกล่าสุดจากฐานข้อมูลทันทีเมื่อเปิดตะกร้า (Trigger Verification)

หากสินค้าในสต็อกเหลือน้อยกว่าจำนวนในตะกร้า ระบบจะปรับลดให้อัตโนมัติพร้อมแจ้งเตือนผู้ใช้

ระบบลบสินค้าที่ถูกนำออกจากร้านค้า (De-listed) ออกจากตะกร้าโดยอัตโนมัติ