สวัสดีครับชาวพันทิปทุกคน 🙏
Visit Site :
https://golf-portfolio.vercel.app/playground/lucky-wheel
ใกล้ช่วงเทศกาลปีใหม่ + คริสต์มาสแล้ว ผมเชื่อว่าหลายออฟฟิศ (หรือแม้แต่กลุ่มเพื่อน) น่าจะเจอปัญหาโลกแตกคล้ายๆ กัน:
"เที่ยงนี้กินอะไรดี?" (เกี่ยงกันคิด)
"มื้อนี้ใครจ่าย?" (เกี่ยงกันเลี้ยง)
"จับฉลากปีใหม่ใช้อะไรสุ่มดี?" (หาแอปโหลดก็โฆษณาเยอะเกิ๊น)
ด้วยความที่ผมพอจะเขียนโปรแกรมเป็น และกำลังทำเว็บ Portfolio ส่วนตัวอยู่พอดี (ว่างจัด 😅) ผมเลยไอเดียบรรเจิด
"งั้นเขียนเว็บวงล้อสุ่มใช้เองเลยละกัน" กะเอาไว้ใช้เล่นกับเพื่อนขำๆ แต่ทำไปทำมา... มันเริ่มจริงจังจนฟีเจอร์ครบเฉยเลยครับ
วันนี้เลยอยากเอามา
แจกวาร์ป ให้เพื่อนๆ ชาวพันทิปเอาไปใช้กันฟรีๆ ครับ (ไม่มีโฆษณาแฝง ไม่เก็บข้อมูลใดๆ ครับ ทำเพื่อการศึกษาล้วนๆ)
🎡 หน้าตาและฟีเจอร์ (ทำอะไรได้บ้าง?)
เว็บนี้ชื่อ
"Lucky Wheel" ครับ อยู่ในหน้า
Playground ของ
Portfolio ผมเอง หลักๆ คือเน้นใช้งานง่าย ลื่นๆ และปรับแต่งได้เยอะครับ
ปรับแต่งเองได้อิสระ
✅ พิมพ์ชื่อเพื่อน / ชื่อร้านอาหาร ชาบู หมูกะทะ ใส่เพิ่มเข้าไปเองได้เลย
✅ กด
Shuffle สลับตำแหน่งได้
✅ กด
Full Screen ขยายเต็มจอ (เอาไว้ขึ้นจอโปรเจคเตอร์ตอนจับฉลากบริษัทได้เลย)
✅ เปิด/ปิดเสียง ได้ (มีเสียงเอฟเฟกต์ตอนหมุน ลุ้นระทึกดีครับ 555)
🛠️
ช่วงสาระ: เบื้องหลังการทำ (สำหรับสาย Tech)
ขอแชร์เบื้องหลังนิดนึงเผื่อใครสนใจครับ (ใครสายใช้งานข้ามพาร์ทนี้ได้เลยครับ 😆)
โปรเจกต์นี้ผมทำขึ้นเพื่อเป็น Micro-SaaS เล็กๆ ใน Portfolio ครับ
✅ Tech Stack: เขียนด้วย
Next.js +
Tailwind CSS
✅ Logic: การหมุนวงล้อ ผมใช้ Math.random() คำนวณองศาที่จะหยุด แล้วใช้ CSS cubic-bezier ทำ Animation ให้มันค่อยๆ ช้าลง (Deceleration) เหมือนมีแรงเสียดทานจริงๆ ไม่ใช่หยุดกึก
✅ Host: ฝากไฟล์ไว้บน Vercel (เว็บเลยโหลดไวมาก)
ผมมองว่า Portfolio ยุคใหม่ ไม่ควรเป็นแค่เว็บนิ่งๆ ไว้โชว์ประวัติ แต่ควรมี
"Playground" ให้คนเข้ามาเล่น มาลองกดดูได้ จะได้เห็นฝีมือเราจริงๆ ครับ
🎁 แจกวาร์ปไปลองเล่น
ใครอยากลองเอาไปใช้สุ่มมื้อเที่ยง หรือจับฉลากปีใหม่ จิ้มลิงก์ด้านล่างได้เลยครับ เล่นได้ทั้งในมือถือและคอมครับ
👉
ทางไปสุ่ม: https://golf-portfolio.vercel.app/playground/lucky-wheel
หรือใครอยากอ่านเบื้องหลังแบบละเอียด (วิธีเขียนโค้ด/วิธีคิด) ผมเขียนบล็อกไว้ใน Medium ด้วยครับ ตามไปอ่านกันได้ครับ 👉
อ่านเบื้องหลังการสร้าง: Web บทความ :
https://medium.com/@panja.sasithonwan/เบื้องหลัง-panja-portfolio-ep-3-929c408c70b2
ติชมได้นะครับ ถ้าเจอ Bug ตรงไหนบอกได้เลย เดี๋ยวผมแวบมาแก้ให้ครับ ขอให้มีความสุขกับเทศกาลปีใหม่ ไม่ต้องทะเลาะกันเรื่องกินข้าวเที่ยงนะครับ! 🤣🎉
ขอบคุณครับ
[CR] หมดปัญหา "เที่ยงนี้กินไรดี?"... ผมเขียนเว็บ "วงล้อสุ่ม" มาแจกให้ใช้ฟรีๆ + แชร์เบื้องหลังการทำครับ
Visit Site : https://golf-portfolio.vercel.app/playground/lucky-wheel
ใกล้ช่วงเทศกาลปีใหม่ + คริสต์มาสแล้ว ผมเชื่อว่าหลายออฟฟิศ (หรือแม้แต่กลุ่มเพื่อน) น่าจะเจอปัญหาโลกแตกคล้ายๆ กัน:
"เที่ยงนี้กินอะไรดี?" (เกี่ยงกันคิด)
"มื้อนี้ใครจ่าย?" (เกี่ยงกันเลี้ยง)
"จับฉลากปีใหม่ใช้อะไรสุ่มดี?" (หาแอปโหลดก็โฆษณาเยอะเกิ๊น)
ด้วยความที่ผมพอจะเขียนโปรแกรมเป็น และกำลังทำเว็บ Portfolio ส่วนตัวอยู่พอดี (ว่างจัด 😅) ผมเลยไอเดียบรรเจิด "งั้นเขียนเว็บวงล้อสุ่มใช้เองเลยละกัน" กะเอาไว้ใช้เล่นกับเพื่อนขำๆ แต่ทำไปทำมา... มันเริ่มจริงจังจนฟีเจอร์ครบเฉยเลยครับ
วันนี้เลยอยากเอามา แจกวาร์ป ให้เพื่อนๆ ชาวพันทิปเอาไปใช้กันฟรีๆ ครับ (ไม่มีโฆษณาแฝง ไม่เก็บข้อมูลใดๆ ครับ ทำเพื่อการศึกษาล้วนๆ)
🎡 หน้าตาและฟีเจอร์ (ทำอะไรได้บ้าง?)
เว็บนี้ชื่อ "Lucky Wheel" ครับ อยู่ในหน้า Playground ของ Portfolio ผมเอง หลักๆ คือเน้นใช้งานง่าย ลื่นๆ และปรับแต่งได้เยอะครับ
ปรับแต่งเองได้อิสระ
✅ พิมพ์ชื่อเพื่อน / ชื่อร้านอาหาร ชาบู หมูกะทะ ใส่เพิ่มเข้าไปเองได้เลย
✅ กด Shuffle สลับตำแหน่งได้
✅ กด Full Screen ขยายเต็มจอ (เอาไว้ขึ้นจอโปรเจคเตอร์ตอนจับฉลากบริษัทได้เลย)
✅ เปิด/ปิดเสียง ได้ (มีเสียงเอฟเฟกต์ตอนหมุน ลุ้นระทึกดีครับ 555)
🛠️ ช่วงสาระ: เบื้องหลังการทำ (สำหรับสาย Tech)
ขอแชร์เบื้องหลังนิดนึงเผื่อใครสนใจครับ (ใครสายใช้งานข้ามพาร์ทนี้ได้เลยครับ 😆)
โปรเจกต์นี้ผมทำขึ้นเพื่อเป็น Micro-SaaS เล็กๆ ใน Portfolio ครับ
✅ Tech Stack: เขียนด้วย Next.js + Tailwind CSS
✅ Logic: การหมุนวงล้อ ผมใช้ Math.random() คำนวณองศาที่จะหยุด แล้วใช้ CSS cubic-bezier ทำ Animation ให้มันค่อยๆ ช้าลง (Deceleration) เหมือนมีแรงเสียดทานจริงๆ ไม่ใช่หยุดกึก
✅ Host: ฝากไฟล์ไว้บน Vercel (เว็บเลยโหลดไวมาก)
ผมมองว่า Portfolio ยุคใหม่ ไม่ควรเป็นแค่เว็บนิ่งๆ ไว้โชว์ประวัติ แต่ควรมี "Playground" ให้คนเข้ามาเล่น มาลองกดดูได้ จะได้เห็นฝีมือเราจริงๆ ครับ
🎁 แจกวาร์ปไปลองเล่น
ใครอยากลองเอาไปใช้สุ่มมื้อเที่ยง หรือจับฉลากปีใหม่ จิ้มลิงก์ด้านล่างได้เลยครับ เล่นได้ทั้งในมือถือและคอมครับ
👉 ทางไปสุ่ม: https://golf-portfolio.vercel.app/playground/lucky-wheel
หรือใครอยากอ่านเบื้องหลังแบบละเอียด (วิธีเขียนโค้ด/วิธีคิด) ผมเขียนบล็อกไว้ใน Medium ด้วยครับ ตามไปอ่านกันได้ครับ 👉 อ่านเบื้องหลังการสร้าง: Web บทความ : https://medium.com/@panja.sasithonwan/เบื้องหลัง-panja-portfolio-ep-3-929c408c70b2
ติชมได้นะครับ ถ้าเจอ Bug ตรงไหนบอกได้เลย เดี๋ยวผมแวบมาแก้ให้ครับ ขอให้มีความสุขกับเทศกาลปีใหม่ ไม่ต้องทะเลาะกันเรื่องกินข้าวเที่ยงนะครับ! 🤣🎉
ขอบคุณครับ