Kee Baht (กี่บาท) – เว็บช่วยแปลงค่าเงิน

กำลังจะพาทีมงานไป Outing ที่ฮ่องกง เลยหาแอปช่วยแปลงค่าเงิน แล้วก็พบว่าแอป Elk Currency Converter ทำ UX/UI มาดีมาก ไม่ต้องกดเลขแต่ใช้วิธีปัดหน้าจอ (Swipe) แทน

ตัวฟรีไม่มีดอลลาร์ฮ่องกง เลยเขียนเองก็ได้ เผื่อไปประเทศอื่นๆ จะได้ใช้ต่อ

Open Source

โค้ดแจกฟรีที่ github.com/seedWebs/keebaht เขียนด้วย Astro แต่จริงๆ เป็นแค่เว็บ​ HTML หน้าเดียว + vanilla js หากใครจะก๊อบไปทำต่อก็ยินดีครับ

Kee Baht – Website

การใช้งาน เข้าที่เว็บ baht.seedwebs.com ได้เลย คลิกเปลี่ยนชื่อหน่วยเงินและอัตราแลกเปลี่ยนที่ส่วนบนของเว็บ แล้วใช้วิธีปัดซ้ายขวาเพื่อเปลี่ยนหน่วย จาก 1 เป็น 10 เป็น 100 และกดที่ตัวเลขเพื่อแสดงรายการย่อย ตามรูป

ส่งค่าเงินผ่าน URL

สามารถใส่ตัวแปร from เพื่อแสดงค่าเงินต้นที่ต้องการแปลง กับตัวแปร rate คือตัวคูณเพื่อเป็นบาท ซึ่งเราอาจไปค้นจาก Google ก็ได้ (เช่น hkd to thb) หรือจะอิงตอนที่ไปแลกเงินก็ได้

ตัวอย่าง

ดอลลาร์ฮ่องกง = 4.35 บาท

baht.seedwebs.com/?from=HKD&rate=4.35

เงินเยน = 0.23 บาท

baht.seedwebs.com/?from=JPY&rate=0.23


เบื้องหลังโดย AI

จริงๆ เขียนโค้ดแนวนี้ไม่ได้ยากนัก แต่เพื่อเข้ากระแส Vibe Coding (สร้างภาพเขียนโค้ด ไม่ทำเอง ให้ AI ทำ) ก็เลยบอก AI ให้ช่วยทำงานทีละจุด ผมใช้ Cursor ก็ทำเสร็จในเวลา 1-2 ชั่วโมง (แต่ทำภาพประกอบและเขียนบล็อกอีกครึ่งวัน 🤣)

หากใครลองใช้แล้วเจอบั๊กอะไร แจ้งได้เลยนะครับ

เม่น Avatar

ความเห็น

ใส่ความเห็น

เข้าสู่ระบบเพื่อแสดงความคิดเห็น