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

ส่วนตัว

ใช้งานจริง

Tailwind CSS Converter

เยี่ยมชมเว็บไซต์
Tailwind CSS Converter, ภาพที่ 1 จาก 1

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

เครื่องมือสำหรับนักพัฒนาส่วนตัวที่ใช้แปลงข้อกำหนดการออกแบบเป็น Utility Class ของ Tailwind CSS ช่วยแปลงค่าพิกเซล สี ขนาดฟอนต์ และคุณสมบัติ CSS อื่นๆ เป็นคลาส Tailwind ที่สอดคล้องกัน พัฒนาเป็นส่วนหนึ่งของเว็บไซต์พอร์ตโฟลิโอส่วนตัว เพื่อเร่งขั้นตอนการทำงานระหว่างการออกแบบและการพัฒนาจริง

  • ภาพตัวอย่างโปรเจกต์ 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