หน้าแรก เกี่ยวกับผม ผลงาน ทักษะ & เครื่องมือ การศึกษา ติดต่อ
🟢 กำลังมองหาสหกิจศึกษา & ฝึกงาน (Co-op 2026)

สวัสดีครับ ผม
วุฒินนท์ โชคเหมาะ

Web Developer & UI/UX Designer

นักศึกษาสาขาเทคโนโลยีดิจิทัล มหาวิทยาลัยเทคโนโลยีสุรนารี ที่หลงใหลการออกแบบ UI/UX และการพัฒนาเว็บ/โมบายล์แอปพลิเคชัน เชื่อมโยงดีไซน์ที่สวยงามเข้ากับการเขียนโค้ดที่มีประสิทธิภาพ

สำรวจผลงาน ติดต่อฉัน
3+ ผลงานเด่น
12+ เทคโนโลยี & เครื่องมือ
SUT สหกิจศึกษา 2026
Wuttinon Chokmoa Avatar
⚛️ React & React Native
🎨 Figma UI/UX
⚡ TypeScript & Vite
🔥 Supabase Realtime
เกี่ยวกับตัวผม

ผสมผสานความคิดสร้างสรรค์ กับโค้ดที่ตอบโจทย์การใช้งานจริง

ผมเป็นนักศึกษาหลักสูตรวิทยาการและศิลปะดิจิทัล สาขาเทคโนโลยีดิจิทัล มหาวิทยาลัยเทคโนโลยีสุรนารี ที่มุ่งเน้นการสร้างสรรค์ User Experience ที่ยอดเยี่ยมผ่านการออกแบบ UI/UX ที่ประณีต และการเขียนโค้ด Front-end ที่มีโครงสร้างแข็งแรง

ผมเชื่อว่างานดิจิทัลที่ดีต้องเริ่มต้นจากความเข้าใจพฤติกรรมผู้ใช้ (User-Centric Design) ผสานกับความแม่นยำในการขึ้นโครงสร้างสไตล์ Responsive และการเชื่อมต่อระบบฐานข้อมูลแบบ Real-time เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ลื่นไหลและน่าประทับใจที่สุด

💻

Front-End Development

เชี่ยวชาญการพัฒนาเว็บแอปพลิเคชันด้วย React, Vite, Modern JavaScript (ES6+), HTML5/CSS3 รองรับทุกหน้าจอด้วย Responsive Web Design

🎨

UI/UX & Design Systems

ออกแบบ Wireframe, Prototype และ Design System ด้วย Figma, Adobe Photoshop และ Illustrator โดยคำนึงถึง Usability และ Design Execution

📱

Mobile App (React Native)

สร้างแอปพลิเคชันมือถือแบบ Cross-Platform ด้วย React Native และ Expo Router ออกแบบคอมโพเนนต์ที่ยืดหยุ่นและรองรับ Gesture ชัดเจน

🎮

Gamification & AI Integration

ประยุกต์กลไกเกม (Quest, Streak, Leaderboard, Skill Tree) และเชื่อมต่อ Google Gemini AI API เพิ่มความน่าสนใจให้แพลตฟอร์ม

ผลงานที่ผ่านมา

โปรเจ็คเด่นที่พัฒนาจากประสบการณ์จริง

คัดสรรผลงานทั้ง Web Application, Mobile App และ Front-End Architecture ที่แสดงถึงทักษะรอบด้าน

Quiz Realm Animated Character
Attack Shield Coin Trophy
Web Application • Gamified E-Learning 2026

Quiz Realm

แพลตฟอร์มการเรียนรู้รูปแบบเกม (Gamified E-Learning) พร้อมระบบ Admin Dashboard เต็มรูปแบบสำหรับบริหารจัดการควิซ ดันเจี้ยน รางวัล และระบบอัปเกรดสกิลตัวละคร พร้อมผสานเทคโนโลยี Google Gemini AI

  • พัฒนาหน้า Admin Dashboard สำหรับจัดการเนื้อหา แบบทดสอบ ข้อมูลผู้เล่น และไอเทมร้านค้า
  • ประยุกต์กลไก Gamification ด้วยระบบต่อสู้ดันเจี้ยน การสะสมแต้ม และการปลดล็อกสกิลตัวละคร
  • เชื่อมโยงฐานข้อมูล Supabase และสร้างระบบ AI Quiz Generator ด้วย Google Gemini API
React 19 Vite Supabase Google Gemini AI Tailwind CSS Lucide Icons
เปิดหน้าเว็บคอนโซล
Habit Battle Leaderboard Screen
Mobile Application • Habit Tracking & RPG 2025

Habit Battle

แอปพลิเคชันมือถือสำหรับฝึกนิสัยและวินัยในชีวิตประจำวัน โดยเปลี่ยนการทำภารกิจให้เป็นเหมือนการต่อสู้ในเกม RPG พร้อมระบบจัดอันดับและสถิติส่วนบุคคลแบบ Real-time

  • ออกแบบ UI/UX สไตล์ดาร์กโหมดสุดโมเดิร์น และพัฒนาส่วนติดต่อผู้ใช้ด้วย React Native (Expo Router)
  • สร้างหน้า Leaderboard แบบ 2 แถบ (คะแนนรวม และ Streak ความต่อเนื่อง) เชื่อมต่อ Supabase แบบ Real-time
  • สร้าง Reusable Component เช่น StatCard, Avatar Badge และ Modal Dialog แก้ไขบัญชีผู้ใช้
React Native Expo Router Supabase Realtime Figma UI/UX TypeScript
Epic Games x Steam Banner
Web Application • Front-End & UI Design 2024

Epic Games x Steam Clone

เว็บแอปพลิเคชันร้านค้าเกมออนไลน์ที่ผสมผสานเอกลักษณ์ความมินิมอลและดาร์กโทนของ Epic Games Store เข้ากับโครงสร้างระบบค้นหาเกมที่ทรงพลังของ Steam

  • จำลองและผสานคอมโพเนนต์ UI ของ Epic Games Store และ Steam ออกมาเป็นดีไซน์ใหม่ที่ลงตัว
  • เขียนระบบ Responsive Web Design ด้วย CSS Flexbox/Grid และ Media Queries รองรับทั้งมือถือและเดสก์ท็อป
  • พัฒนาระบบ Touch Gesture (Touch-Swipe) บนมือถือ ให้สามารถเลื่อนแบนเนอร์และการ์ดเกมได้อย่างลื่นไหลโดยไม่ต้องพึ่งพาไลบรารีภายนอก
HTML5 CSS3 (Grid/Flexbox) Vanilla JavaScript Touch Gestures Responsive Design
เปิดชมเว็บไซต์จริง
Interactive Gamification Demo

ทดสอบความรู้ Web Developer สไตล์ Quiz Realm!

จำลองระบบคำถามและคิดคะแนนแบบ Gamification ที่พัฒนาในโปรเจกต์ Quiz Realm

🪙 เหรียญรางวัลสะสม: 0 เหรียญ

1. ใน React Native การจัดการนำทางแบบ File-based Routing นิยมใช้เครื่องมือใด?

2. การเชื่อมต่อ Real-time Database สำหรับ Mobile & Web App คุณวุฒินนท์เลือกใช้เทคโนโลยีใด?

ทักษะ & ความเชี่ยวชาญ

เครื่องมือและเทคโนโลยีที่ใช้ในการทำงาน

คลิกที่การ์ดหรือแท็กเพื่อไฮไลท์โปรเจกต์ที่นำเทคโนโลยีนี้ไปประยุกต์ใช้งานจริง

⚡

ภาษาโปรแกรมมิ่ง (Languages)

🟨 JavaScript (ES6+) Proficient
🔷 TypeScript Intermediate
🌐 HTML5 & CSS3 Advanced
☕ Java Core OOP
⚙️ C++ Algorithms
🗄️ SQL Queries & DB
⚛️

เฟรมเวิร์ก & ไลบรารี (Frameworks)

⚛️ React.js Component Arch
📱 React Native Mobile App
🚀 Expo & Expo Router File Routing
⚡ Vite Modern Bundler
🎨 Tailwind CSS Utility Styling
🔥 Supabase & REST API Real-time DB
🎨

การออกแบบ & เครื่องมือ (Design & Tools)

📐 Figma UI/UX & Prototyping
🖼️ Adobe Photoshop Graphic Assets
✒️ Adobe Illustrator Vector Design
🐙 Git & GitHub Version Control
🤖 Gemini AI API AI Integration
📱 Responsive Design Mobile First

ภาษาในการสื่อสาร (Languages)

ความสามารถด้านการสื่อสารและการทำงานร่วมกับทีม
🇹🇭
ภาษาไทย (Thai) เจ้าของภาษา (Native)
🇬🇧
ภาษาอังกฤษ (English) การสื่อสารในงาน (Communication)
🇮🇩
ภาษาอินโดนีเซีย (Indonesian) ระดับพื้นฐาน (Basic)
ประวัติการศึกษา & บุคคลอ้างอิง

เส้นทางการเรียนรู้และอาจารย์ที่ปรึกษา

2566 - ปัจจุบัน (คาดว่าจะสำเร็จการศึกษา 2570)

ปริญญาตรี วิทยาการและศิลปะดิจิทัล (เทคโนโลยีดิจิทัล)

มหาวิทยาลัยเทคโนโลยีสุรนารี (มทส.), นครราชสีมา

ศึกษาด้านการออกแบบประสบการณ์ผู้ใช้ (UX/UI), การพัฒนาเว็บและโมบายล์แอปพลิเคชัน, เทคโนโลยีสื่อดิจิทัล และระบบฐานข้อมูล

2561 - 2566

มัธยมศึกษาตอนปลาย (High School Diploma)

โรงเรียนราชสีมาวิทยาลัย, นครราชสีมา

สายการเรียนวิทยาศาสตร์-คณิตศาสตร์ ปูพื้นฐานการคิดเชิงตรรกะและการเขียนโปรแกรม

บุคคลอ้างอิงทางวิชาการ (Academic Reference)
“

ผศ. ดร.อรรถพล วงศ์กอบลาภ, SFHEA

สำนักวิชาศาสตร์และศิลป์ดิจิทัล มหาวิทยาลัยเทคโนโลยีสุรนารี

โทรศัพท์สำนักงาน: 0-4422-5726
อีเมล: wongkoblap@sut.ac.th
ติดต่อร่วมงาน

พร้อมสร้างสรรค์ผลงานร่วมกับทีมของคุณ

หากคุณกำลังมองหานักศึกษาฝึกงาน/สหกิจศึกษาที่มีความกระตือรือร้น ทักษะทั้งดีไซน์และโค้ด สามารถติดต่อได้ทุกช่องทางครับ

✉️
อีเมลติดต่อ
new.wuttinon@gmail.com
📞
เบอร์โทรศัพท์
093-565-3121
โทรเลย
📍
ที่อยู่ปัจจุบัน
133 หมู่ 2 ต.พุดซา อ.เมือง จ.นครราชสีมา 30000

ส่งข้อความด่วน

คัดลอกเรียบร้อย!