Better Deal — เว็บคำนวณเปรียบเทียบความคุ้มค่า

เว็บแอปเปรียบเทียบราคาสินค้า 2 ชิ้น เพื่อหาว่าอันไหนคุ้มค่าและประหยัดกว่ากัน ออกแบบสไตล์มินิมอลพาสเทล พร้อมคำนวณราคาต่อหน่วยและส่วนต่างอัตโนมัติ

Better Deal — เว็บคำนวณเปรียบเทียบความคุ้มค่า
คลิกเพื่อขยาย

เทคโนโลยีที่ใช้

JavaScriptTailwind CSSHTML5CSS3Web Development

เกี่ยวกับผลงานนี้

Better Deal เป็นเว็บแอปพลิเคชันคำนวณความคุ้มค่าที่พัฒนาขึ้นเพื่อช่วยให้ผู้บริโภคสามารถเปรียบเทียบราคาสินค้า 2 ชิ้นได้อย่างสะดวกรวดเร็ว ช่วยตัดสินใจเลือกซื้อสินค้าที่คุ้มค่าและประหยัดเงินได้มากที่สุด

🎯 ฟีเจอร์หลักและการพัฒนา

  1. คำนวณราคาต่อหน่วยแบบ Real-time:
    • คำนวณราคาต่อหน่วย (บาทต่อกรัม, มล., หรือชิ้น) ให้อัตโนมัติทันทีที่กรอกราคาและปริมาณ
  2. ระบบวิเคราะห์เปรียบเทียบความคุ้มค่า:
    • แสดงป้ายมงกุฎ (👑 คุ้มกว่า) ให้สินค้าที่คุ้มค่ากว่าทันที
    • คำนวณส่วนต่างราคาต่อหน่วยและเปอร์เซ็นต์ที่ประหยัดได้ พร้อมปุ่มล้างข้อมูลที่สะดวก
  3. ดีไซน์มินิมอลพาสเทล (Pastel UI):
    • ออกแบบโทนสีน่ารัก สบายตา ฝั่งชมพูพาสเทล vs ฟ้าพาสเทล ด้วย Tailwind CSS และฟอนต์ Fredoka กับ Itim รองรับการแสดงผล Responsive ทั้งบนสมาร์ทโฟนและเดสก์ท็อป

รูปเพิ่มเติม

1