ข้ามไปยังเนื้อหา

ส่วนตัว

ใช้งานจริง

Mario Public Site

ผลงานพอร์ตโฟลิโอ

เยี่ยมชมเว็บไซต์
Mario Public Site - ผลงานพอร์ตโฟลิโอ, ภาพที่ 1 จาก 1

เกี่ยวกับโปรเจกต์

เว็บไซต์พอร์ตโฟลิโอเชิงสร้างสรรค์ในธีม Mario สร้างขึ้นเพื่อสาธิตเทคนิคการพัฒนาเว็บสมัยใหม่ เว็บไซต์มีแอนิเมชันแบบไดนามิก การเปลี่ยนฉากที่ลื่นไหล และองค์ประกอบแบบอินเทอร์แอกทีฟ เป็นโปรเจกต์ตัวอย่างที่แสดงการใช้ CSS ขั้นสูง แอนิเมชันด้วย Framer Motion และหลักการออกแบบแบบ Responsive

  • ภาพตัวอย่างโปรเจกต์ Birth Date Analyzer - เครื่องคำนวณอายุแบบอินเทอร์แอกทีฟ

    ส่วนตัว

    เยี่ยมชม

    Birth Date Analyzer

    เครื่องคำนวณอายุแบบอินเทอร์แอกทีฟ

    เว็บแอปพลิเคชันแบบอินเทอร์แอกทีฟที่คำนวณอายุและสถิติที่น่าสนใจจากวันเกิดที่กรอก เครื่องมือแสดงว่าผู้ใช้มีชีวิตมาแล้วกี่วัน กี่สัปดาห์ กี่เดือน และกี่ปี คำนวณวันเกิดครั้งถัดไป และนำเสนอข้อมูลอื่นๆ ที่เกี่ยวกับเวลาในรูปแบบที่สวยงามน่าดู

    ReactNext.jsTailwind CSS
  • ภาพตัวอย่างโปรเจกต์ Fietsen Roman - เดโมร้านจักรยาน

    ส่วนตัว

    เยี่ยมชม

    Fietsen Roman

    เดโมร้านจักรยาน

    แพลตฟอร์มอีคอมเมิร์ซเดโมสำหรับร้านจักรยานสมมติ พัฒนาด้วย Next.js, Stripe และ Prisma เว็บไซต์แสดงฟีเจอร์ของร้านค้าออนไลน์สมัยใหม่ ได้แก่ แคตตาล็อกสินค้า ตะกร้าสินค้า และการเชื่อมต่อระบบชำระเงิน สร้างขึ้นเป็นโปรเจกต์ตัวอย่างเพื่อแสดงทักษะการพัฒนาอีคอมเมิร์ซ

    ReactNext.jsTailwind CSSStripePrisma
  • ภาพตัวอย่างโปรเจกต์ Ghent Parking - ข้อมูลที่จอดรถแบบเรียลไทม์

    ส่วนตัว

    เยี่ยมชม

    Ghent Parking

    ข้อมูลที่จอดรถแบบเรียลไทม์

    ระบบข้อมูลที่จอดรถแบบเรียลไทม์สำหรับเมืองเกนต์ พัฒนาด้วย Next.js และ Google Maps API แอปพลิเคชันแสดงจำนวนที่จอดรถว่างแบบสดในลานจอดรถสาธารณะผ่าน Open Data API ของเมืองเกนต์ โดยแสดงอัตราการใช้งาน ความจุ อัตราค่าบริการ และตำแหน่งที่ตั้งอย่างชัดเจน ช่วยให้ผู้มาเยือนและผู้อยู่อาศัยหาที่จอดรถได้อย่างรวดเร็ว

    ReactNext.jsTailwind CSSGoogle Maps API