Jungdung Studio · Selected work 2025–2026

ระบบที่ธุรกิจใช้งานจริงทุกวัน ตั้งแต่หน้าเว็บถึงหลังบ้าน

ออกแบบและพัฒนาเว็บไซต์องค์กร ระบบ ERP หลังบ้าน และแอปมือถือ ให้ธุรกิจก่อสร้าง รักษาความปลอดภัย เครื่องมือแพทย์ อสังหาริมทรัพย์ สถาปนิก และสมาคมวิชาชีพ — ทุกภาพในหน้านี้มาจากระบบจริง ด้วยข้อมูลตัวอย่าง

ดูผลงาน 12 ชิ้น → เริ่มคุยโปรเจกต์

12โปรเจกต์ในหน้านี้

6ระบบหลังบ้าน / ERP

102หน้าจอจากระบบจริง

43เทคโนโลยีที่ใช้งาน

เว็บไซต์องค์กรที่สร้างความเชื่อใจ

ออกแบบให้ลูกค้าตัดสินใจติดต่อ พร้อม CMS ให้ทีมแก้เนื้อหาเองได้ รองรับ SEO และมือถือ

ระบบหลังบ้านที่แทนกระดาษและ Excel

เงินเดือน ลา/OT จัดซื้อ คลังสินค้า ลูกค้า และรายงานผู้บริหาร รวมไว้ที่เดียว พร้อมสิทธิ์ตามแผนก

แอปมือถือและระบบภาคสนาม

แอป iOS/Android และเว็บแอปที่ทำงานได้แม้สัญญาณไม่ดี สำหรับพนักงานหน้างานและลูกค้า

Portfolio

ผลงานทั้งหมด

เว็บไซต์องค์กร + CMS

DNA Architect

เว็บไซต์บริษัทสถาปนิก DNA Architect พร้อมระบบจัดการเนื้อหาหลังบ้านสำหรับผลงาน บล็อก และงานสมัครงาน

PHP 8MySQLVanilla JS

เว็บไซต์องค์กร + CMS

Datascope

เว็บไซต์องค์กรและระบบจัดการเนื้อหาสำหรับผู้จัดจำหน่ายอุปกรณ์การแพทย์ในไทย

PHP 8PDOMySQL / SQLite

ERP หลังบ้าน

Datascope Business OS

ระบบหลังบ้านหนึ่งเดียวสำหรับผู้จัดจำหน่ายอุปกรณ์การแพทย์ ครบทั้งขาย คลัง บัญชี และบุคคล

React 19TypeScriptTanStack Query

ระบบงานก่อสร้าง + แอปภาคสนาม

PP Micropile

ระบบจัดการงานรับเหมาตอกเสาเข็มไมโครไพล์ครบวงจร ตั้งแต่ลูกค้ามุ่งหวังจนถึงปิดงานและรับเงิน

Next.js 16React 19TypeScript

เว็บไซต์ + ERP งานติดตั้ง EV

EvaCharger

ตั้งแต่เสนอราคาไปจนถึงประกันตลอดอายุเครื่อง ค้นด้วยเลข Serial ตัวเดียวรู้ครบ

React 19TypeScriptTailwind CSS 4

เว็บไซต์ + ERP 4 แผนก

AROM-D อารมณ์ดี พร็อพเพอร์ตี้

บ้านครบในทีมเดียว — จากหาที่ดินถึงก่อสร้างเสร็จ พร้อมระบบหลังบ้าน 4 แผนกในที่เดียว

React 18TypeScriptVite

ระบบลงทะเบียนประชุมวิชาการ

STST Conference Platform

ระบบลงทะเบียนและจัดการงานประชุมวิชาการสำหรับสมาคมศัลยแพทย์ทรวงอกแห่งประเทศไทย

Laravel 11Vue 3Inertia.js

พอร์ทัลสมาชิก + ร้านค้า + POS

CONSTAFI Alumni Portal

พอร์ทัลสมาชิกชมรมศิษย์เก่าช่างก่อสร้างปทุมธานี ครบวงจรตั้งแต่สมาชิก กิจกรรม ไปจนถึงร้านค้าออนไลน์

PHP 8.2MySQLVanilla JS

ERP สำหรับเอเจนซี

Jungdung BackOffice

ระบบที่ Jungdung Studio ใช้บริหารสตูดิโอเองทุกวัน ตั้งแต่ลูกค้า โปรเจกต์ ใบเสนอราคา จนถึงสต็อกอุปกรณ์

React 18ViteTailwind CSS

เว็บไซต์องค์กร + หลังบ้าน

PP SECURE

เว็บไซต์บริษัทรักษาความปลอดภัย พร้อมระบบหลังบ้านจัดการพนักงาน ตารางเวร เอกสาร และเงินเดือนครบวงจร

Node.js (zero-dependency)Vanilla JSJSON / MySQL

ระบบบริหาร รปภ.

SQRTY — PP.SECURE Operations

ระบบบริหารงานรักษาความปลอดภัยครบวงจร ตั้งแต่เดินตรวจ เข้างาน ถึงเงินเดือน

PHP 8MariaDBREST API

SaaS + แอปมือถือ

พร้อมตรวจ PromptTruat

ระบบจัดการงานรักษาความปลอดภัยแบบ multi-tenant สำหรับบริษัท รปภ.

Next.js 16PrismaPostgreSQL

เปิดเรื่อง

หน้าบ้านที่สวย กับหลังบ้านที่ทีมดูแลเองได้

เว็บไซต์สตูดิโอสถาปนิกที่ให้ภาพผลงานเป็นพระเอก พร้อม CMS ให้ทีมจัดการผลงาน บทความ และตำแหน่งงานได้เอง

เว็บไซต์องค์กร + CMS · 2026

DNA Architect

Corporate site for an architecture firm with a custom PHP CMS for projects, blog, and careers

เว็บไซต์องค์กรของ DNA Architect บริษัทสถาปนิกในกรุงเทพฯ (ก่อตั้ง 2017) นำเสนอผลงานออกแบบ บทความแนวคิดการออกแบบ (Journal) และหน้าสมัครงาน ทั้งหมดขับเคลื่อนด้วยระบบ CMS ที่เขียนขึ้นเอง (vanilla PHP + MySQL) มีแผงแอดมินสำหรับจัดการโปรเจกต์ โพสต์บล็อก ตำแหน่งงาน และใบสมัครที่ส่งเข้ามา

PHP 8MySQLVanilla JSTailwind CSSGD / WebP

10หน้าเว็บสาธารณะ

7ตารางฐานข้อมูล

แกลเลอรีผลงานสถาปัตยกรรมพร้อมตัวกรองตามประเภทงาน (ที่พักอาศัย/อาคารพาณิชย์/โรงแรม/วัฒนธรรม)
ระบบอัปโหลดรูปภาพที่แปลงไฟล์เป็น WebP อัตโนมัติเพื่อลดขนาดไฟล์
บล็อก (Journal) พร้อมระบบหมวดหมู่ แท็ก และสถานะเผยแพร่
ระบบรับสมัครงานพร้อมอัปโหลด CV/Portfolio และอีเมลแจ้งเตือนอัตโนมัติ
ระบบป้องกันการโจมตี login แบบ rate-limit และบันทึกประวัติการพยายามเข้าสู่ระบบ
แผงแอดมินแบบ single-page จัดการโปรเจกต์ บล็อก และตำแหน่งงานได้ในที่เดียว

**หน้าแรก — Design as Decision** — Homepage hero — "Design as Decision"

**ผลงานที่คัดสรร พร้อมตัวกรองประเภทงาน** — Selected Works portfolio with category filters

**Journal — บทความแนวคิดการออกแบบ** — Journal — design thinking articles

**แผงแอดมิน จัดการโปรเจกต์ทั้งหมด** — Admin panel — project management grid

**จัดการบทความบล็อก** — Blog post manager

ลูกค้าเดียว ครบทั้งระบบ

เริ่มจากเว็บไซต์ แล้วโตไปเป็นระบบที่ทั้งบริษัทใช้

Datascope เริ่มจากเว็บแคตตาล็อกสินค้าการแพทย์ แล้วต่อยอดเป็น ERP ที่คุมตั้งแต่ขาย คลัง บัญชี ไปจนถึงบุคคล

เว็บไซต์องค์กร + CMS · 2026

Datascope

Corporate site and CMS for a Thai medical-device distributor

เว็บไซต์องค์กรของ Datascope ผู้จัดจำหน่ายอุปกรณ์การแพทย์เฉพาะทางในประเทศไทย ครอบคลุมแคตตาล็อกสินค้า กิจกรรมองค์กร ทีมงาน และตำแหน่งงาน พร้อมระบบหลังบ้าน (CMS) ให้ทีมงานจัดการเนื้อหาและติดตามคำขอติดต่อจากลูกค้าได้เอง โดยไม่ต้องพึ่งนักพัฒนา ระบบสร้างด้วย PHP ล้วน (ไม่มีเฟรมเวิร์ก) เน้นความเรียบง่ายและควบคุมได้เต็มที่ เหมาะกับธุรกิจขนาดเล็กที่ต้องดูแลข้อมูลจำนวนมากด้วยทีมงานจำกัด

PHP 8PDOMySQL / SQLiteVanilla JSPHPMailer

22สินค้าในแคตตาล็อก

4ประเภทเนื้อหา CMS

29ไฟล์เทสต์

แคตตาล็อกสินค้า 22 รายการ แบ่งตามแผนกคลินิก (Cath Lab, Critical Care, CVT Surgery) พร้อมหน้ารายละเอียดสินค้าที่รองรับโมเดล 3D (.glb)
ระบบ CMS หลังบ้านแยกต่างหาก (Operations Console) สำหรับจัดการสินค้า กิจกรรม ทีมงาน และตำแหน่งงาน โดยไม่แตะโค้ด
กล่องขาเข้า (Submissions Inbox) รวมคำขอติดต่อและใบสมัครงานจากฟอร์มหน้าเว็บ พร้อมสถานะติดตาม
ระบบยืนยันตัวตนแอดมินด้วย session + password hashing และ publish log แยกจากข้อมูล draft
หน้ากิจกรรม (Activity) แสดงข่าวสารงานประชุมวิชาการพร้อมวิดีโอ YouTube ฝัง
หน้าทีมงานแบบผังองค์กร (org chart) พร้อมโครงสร้างสายบังคับบัญชาและแผนก

**หน้าแรก แนะนำจุดขายหลักและกลุ่มความเชี่ยวชาญทางคลินิก** — Homepage hero with key value propositions and clinical specialties

**แคตตาล็อกสินค้า พร้อมตัวกรองตามแผนกและแบรนด์** — Product catalogue with environment/brand/department filters

**หน้ารายละเอียดสินค้า รองรับการแสดงผลโมเดล 3D** — Product detail page with 3D model viewer support

**หน้าทีมงานแบบผังองค์กรตามแผนก** — Team page organized as a department org chart

**หน้ากิจกรรมองค์กรพร้อมวิดีโอสรุปงานประชุมวิชาการ** — Activity page featuring embedded conference recap video

**แดชบอร์ดแอดมิน สรุปคำขอติดต่อใหม่และเนื้อหาที่เผยแพร่** — Admin dashboard summarizing new submissions and published content

**หน้าจัดการสินค้าในระบบ CMS** — CMS product management list

**หน้าแรกบนมือถือ** — Homepage on mobile

**แคตตาล็อกสินค้าบนมือถือ** — Product catalogue on mobile

↓ ต่อยอดจากเว็บไซต์ Datascope

ERP หลังบ้าน · 2026

Datascope Business OS

One operational backoffice for a medical device distributor — sales, warehouse, accounting and HR in one system

แบ็กออฟฟิศ ERP ขนาดใหญ่ที่สร้างแทนเครื่องมือกระจัดกระจายและโปรแกรมบัญชีเก่า ครอบคลุมงานขาย (ขายปกติและขายแบบยืมก่อนใช้ทีหลัง), คลังสินค้า (ติดตามล็อต/วันหมดอายุ, ของยืมที่โรงพยาบาล), บัญชี-การเงิน (ใบกำกับภาษีตามเกณฑ์กรมสรรพากร) และงานบุคคล (พนักงาน สิทธิ์ผู้ใช้ ลา/OT) รองรับหลายนิติบุคคลในระบบเดียว. ออกแบบให้พนักงานหน้างานทำงานได้เร็วขึ้นโดยข้อมูลถูกต้องแม่นยำ โดยเฉพาะเลขที่ใบกำกับภาษี สถานะสต็อกหลายชั้น และข้อมูลผู้ป่วย (HN) ที่ต้องรักษาความลับตาม PDPA.

React 19TypeScriptTanStack QueryTailwind CSS 4PHP 8MariaDBPHPUnitPlaywright

318ตารางฐานข้อมูล

191หน้าในระบบ

612PHPUnit tests

118E2E specs

ภาพรวมงานขายและ PO แบบเรียลไทม์ พร้อมคิวงานที่ต้องติดตามตามสิทธิ์ผู้ใช้แต่ละคน
ระบบคลังสินค้าแบบติดตามล็อต/วันหมดอายุ พร้อมของยืมที่ยังค้างอยู่ที่โรงพยาบาล
บัญชี-การเงินที่ออกใบกำกับภาษีตามเกณฑ์กรมสรรพากร พร้อมติดตามลูกหนี้ค้างชำระอัตโนมัติ
ทะเบียนพนักงานและระบบลา/OT ครบวงจร รองรับพนักงานสังกัดหลายบริษัทพร้อมกัน
แอปมือถือสำหรับพนักงานหน้างาน (ESS) ลงเวลา ขอลา จ่ายของ/รับของด้วยการสแกนบาร์โค้ด
รองรับหลายนิติบุคคลในกลุ่มบริษัทตลอดทั้งระบบ พร้อมสลับมุมมองได้จากทุกหน้า

ภาพรวมคลังสินค้า — ของใกล้/หมดอายุ เคลมที่ต้องดำเนินการ และมูลค่าทรัพย์สินรวม — Warehouse overview — expiring stock, open claims, and total inventory value

**สต็อกและล็อต — ติดตามวันหมดอายุและสถานะสินค้ารายล็อต** — Stock & lots — expiry tracking and per-lot status

**ภาพรวมบัญชี-การเงิน — ลูกหนี้ เจ้าหนี้ และงานที่ต้องติดตามในหน้าเดียว** — Accounting overview — receivables, payables and follow-ups in one page

**ภาพรวมบุคคล — สถานะการลงเวลาและคำขอที่รอดำเนินการทั้งบริษัท** — People overview — company-wide clock-in status and pending HR requests

**ใบเสนอราคา — รายการขายปกติและขายแบบยืมก่อน พร้อมสถานะและมูลค่า** — Quotations list — regular and loan-first sales with status and value

**ทะเบียนพนักงาน — ข้อมูลบุคลากรหลายบริษัทในหน้าเดียว** — Employee registry — multi-entity staff records in one place

**แอปพนักงาน (มือถือ) — ลงเวลาเข้างาน ดูวันลาคงเหลือ และเมนูลัด** — Employee self-service (mobile) — clock in, leave balance, and quick actions

**แอปพนักงาน (มือถือ) — งานหน้าคลังที่ทำผ่านการสแกนบาร์โค้ด** — Employee self-service (mobile) — barcode-scan warehouse tasks

หลายธุรกิจ หลายโจทย์

ทุกอุตสาหกรรมมีวิธีทำงานไม่เหมือนกัน

จากหน้างานเสาเข็มที่สัญญาณไม่ดี งานติดตั้งตู้ชาร์จ EV ถึงงานประชุมสมาคมแพทย์ และร้านค้าของชมรมศิษย์เก่า

ระบบงานก่อสร้าง + แอปภาคสนาม · 2026

PP Micropile

End-to-end operations platform for a micropile pile-driving contractor, from lead to cash collection

PP Micropile คือระบบหลังบ้านสำหรับผู้รับเหมาตอกเสาเข็มไมโครไพล์ ครอบคลุมทั้งกระบวนการ Lead → สำรวจหน้างาน → เสนอราคา → ทำสัญญา (เซ็นออนไลน์ได้) → บันทึกการตอกเสาเข็มหน้างาน → เอกสารส่งมอบ → วางบิล/ใบกำกับภาษี → รับชำระ → รับประกัน/ปิดงาน ออกแบบมาสำหรับพนักงานหน้างานที่สัญญาณอินเทอร์เน็ตไม่แน่นอน จึงทำงานได้เต็มรูปแบบแบบออฟไลน์ผ่าน IndexedDB (Dexie) แล้วซิงก์ข้อมูลข้ามเครื่องให้เองเมื่อกลับมาออนไลน์ มีทั้งหน้าเว็บสำนักงาน แอปมือถือสำหรับทีมช่างและหัวหน้างาน และพอร์ทัลลูกค้าแบบอ่านอย่างเดียว

Next.js 16React 19TypeScriptMySQLDexie (offline)LeafletReact-PDFTailwind CSS 4

38หน้าในระบบ

25API routes

12ชนิดเอกสาร PDF

4ช่องทางผู้ใช้

ทำงานออฟไลน์ได้เต็มรูปแบบหน้างานผ่าน Dexie/IndexedDB แล้วซิงก์ข้ามเครื่องอัตโนมัติเมื่อกลับมาออนไลน์ (last-write-wins ตามเวลาเซิร์ฟเวอร์)
แผนที่ตำแหน่งหน้างานทั่วประเทศด้วย Leaflet พร้อมอ้างอิงความลึกเฉลี่ยจากงานใกล้เคียงตอนเสนอราคา
ออกเอกสาร PDF ฝังฟอนต์ไทย Sarabun ผ่าน react-pdf ได้ครบ ทั้งใบเสนอราคา สัญญา ใบส่งมอบ ใบแจ้งหนี้ และแผ่นบันทึกตอกเสาเข็ม
บันทึกผลตอกเสาเข็มรายต้นหน้างาน (ความลึก, blow count, safe load) พร้อมสถานะความคืบหน้าโครงการแบบเรียลไทม์
สี่หน้าจอสำหรับสี่กลุ่มผู้ใช้: เว็บสำนักงาน, แอปมือถือทีมช่าง (ล็อกอินด้วยรหัสพนักงาน+PIN ไม่โชว์ราคา), แอปมือถือหัวหน้างาน, และพอร์ทัลลูกค้าอ่านอย่างเดียว/เซ็นสัญญาออนไลน์
เลขที่เอกสารบัญชี (ใบกำกับภาษี ฯลฯ) ออกจากเซิร์ฟเวอร์แบบอะตอมมิกเพื่อป้องกันเลขซ้ำเมื่อหลายเครื่องออกเอกสารพร้อมกัน

แผนที่งานหน้างานทั่วประเทศด้วย Leaflet พร้อมอ้างอิงความลึกเสาเข็มจากงานใกล้เคียง — Nationwide job-site map (Leaflet) with pile-depth reference lookup for new quotations

**แดชบอร์ดภาพรวมงานตอกเสาเข็มประจำวัน สถานะโครงการ และยอดค้างรับ** — Daily operations dashboard — jobs in progress, project pipeline and receivables at a glance

บันทึกผลตอกเสาเข็มรายต้นหน้างาน (ความลึก, blow count, น้ำหนักปลอดภัย) — ทำงานได้แบบออฟไลน์ — Per-pile field driving records (depth, blow count, safe load) — works fully offline

หน้ารายละเอียดโครงการ แสดงความคืบหน้า ที่อยู่หน้างาน และยอดเก็บเงิน/ค้างรับ — Project detail view — progress, site location, and billed vs. outstanding amounts

**ฟอร์มสร้างใบเสนอราคา คำนวณยอดอัตโนมัติ พร้อมดาวน์โหลด PDF ฟอนต์ไทย** — Quotation builder with live totals and Thai-font PDF export

**หน้าการเงิน/บัญชี สรุปลูกหนี้ เจ้าหนี้ เงินสดสุทธิ และกำไรต่อโครงการ** — Finance & accounting overview — receivables, payables, net cash and per-project profit

หน้าล็อกอินแอปมือถือทีมช่างหน้างาน ด้วยรหัสพนักงาน + PIN รองรับบัญชีที่เคยใช้งานในเครื่อง — Mobile field-crew login (employee code + PIN), showing offline-cached accounts on device

**แดชบอร์ดเวอร์ชันมือถือ อ่านง่ายหน้างานแม้จอเล็ก** — Mobile-responsive dashboard for on-site use

เว็บไซต์ + ERP งานติดตั้ง EV · 2026

EvaCharger

Quote-to-warranty back office for an EV charger & circuit-2 installer, built around the serial number

ระบบหลังบ้านครบวงจรสำหรับบริษัทรับติดตั้งไฟฟ้าวงจร 2 และตู้ชาร์จรถยนต์ไฟฟ้า ครอบคลุมตั้งแต่ใบเสนอราคา งานติดตั้ง คลัง/Serial ประกันเครื่อง ไปจนถึงวางบิล รับชำระ และรายงานภาษี หัวใจของระบบคือเลข Serial ที่ผูกประกันไว้กับตัวเครื่องโดยตรง ไม่ใช่ใบเสร็จ ทำให้ค้นเลขเดียวก็รู้ทันทีว่าเครื่องนี้ใครซื้อ ติดที่ไหน ยังอยู่ในประกันหรือไม่ มีหน้า landing page สาธารณะสำหรับหาลูกค้าและให้ลูกค้าเช็คประกันเองได้โดยไม่ต้องมีบัญชี

React 19TypeScriptTailwind CSS 4TanStack QueryPHP 8.3MySQL 8.4PHPUnitPlaywright

239API endpoints

69ตารางฐานข้อมูล

377PHPUnit tests

34E2E tests

ใบเสนอราคาคิด VAT/ส่วนลด/มัดจำ อนุมัติแล้วแปลงเป็นงานติดตั้งได้ในคลิกเดียว
คลัง & Serial ครบวงจร รับเข้า/เบิก/คืน/ตัดจำหน่าย พร้อม ledger และกันการแย่งของพร้อมกัน
ออกใบรับประกันอัตโนมัติเมื่อส่งมอบงาน ค้นสถานะประกันด้วยเลข Serial ได้ทั้งฝั่งแอดมินและลูกค้า
กำไรต่องานเทียบต้นทุนของจริงกับค่าแรง/ค่าใช้จ่ายหน้างาน แยกตามประเภทงาน
จัดซื้อครบวงจร ใบสั่งซื้อ รับของเข้าคลัง จ่ายเงินผู้ขายพร้อมหักภาษี ณ ที่จ่าย
รายงานภาษีขาย/ซื้อ พร้อมยอดนำส่ง ภ.พ.30 และลิงก์สาธารณะให้ลูกค้าเซ็นรับงาน/เช็คใบแจ้งหนี้เองได้

**หน้าแรกสาธารณะ — ชวนลูกค้าติดตั้งตู้ชาร์จ EV ที่บ้าน** — Public landing page hero — home EV charger installation pitch

**เช็คประกันด้วยเลข Serial แบบสาธารณะ ไม่ต้องล็อกอิน** — Public serial-based warranty check — no login required

**แดชบอร์ดผู้ดูแลระบบ สรุปยอดค้างชำระ งานติดตั้ง และลูกหนี้ตามอายุหนี้** — Admin dashboard — outstanding balance, jobs, aged receivables

**รายงานกำไรต่องาน เทียบรายรับกับต้นทุนของและค่าแรงจริง** — Job profit report comparing revenue against actual material and labour cost

**คลัง & Serial ยอดคงเหลือ จุดสั่งซื้อซ้ำ และสถานะสินค้ารายตัว** — Inventory & serial tracking — stock levels, reorder points, per-unit status

**ใบสั่งซื้อ ติดตามของค้างส่งและกำหนดชำระผู้ขาย** — Purchase orders — pending deliveries and supplier due dates

**รายละเอียดใบประกันรายเครื่อง ผูกกับ Serial และงานติดตั้งต้นทาง** — Per-unit warranty detail, linked to serial number and source job

**หน้าแรกสาธารณะบนมือถือ** — Public landing page on mobile

**แดชบอร์ดหลังบ้านบนมือถือ** — Back-office dashboard on mobile

เว็บไซต์ + ERP 4 แผนก · 2026

AROM-D อารมณ์ดี พร็อพเพอร์ตี้

One team, one house — from land search to move-in, with a 4-department back office

เว็บไซต์และระบบหลังบ้านของสตูดิโอออกแบบ-รับสร้างบ้านครบวงจร หน้าเว็บสาธารณะพาลูกค้าไล่ดูขั้นตอน 5 ขั้นตั้งแต่หาที่ดินจนถึงเข้าอยู่ พร้อมโมเดล 3D แบบ isometric และแกลเลอรีผลงานทรงวงกลมที่ลากหมุนได้ ส่วนหลังบ้าน (Ops) แบ่งเป็น 4 แผนก — อสังหา ออกแบบ สินเชื่อ ก่อสร้าง — ให้แต่ละทีมมีลูกค้า งาน และรายงานของตัวเอง พร้อมส่งต่องานข้ามแผนกได้ในระบบเดียว แก้ปัญหาที่ธุรกิจก่อสร้าง/อสังหาเดิมมักใช้ Excel และ Line กระจัดกระจายหลายที่

React 18TypeScriptViteThree.jsNode.js / ExpressMySQL 8Playwright

73ตารางฐานข้อมูล

68หน้าในระบบ

4แผนกที่ใช้งาน

หน้าแรกเล่าเรื่องแบบ scroll-story 5 ขั้นตอน พร้อมโมเดล 3D isometric ของที่ดินและตัวบ้าน (Three.js)
แกลเลอรีผลงาน /projects แบบวงล้อวงกลม 3 มิติที่ลากหมุนดูโปรเจกต์ได้
ฟอร์ม Lead (คุยกับทีมอารมณ์ดี) พร้อม honeypot กันสแปมและ rate-limit ต่อ IP บันทึกลง MySQL โดยตรง
ระบบหลังบ้าน 4 แผนก (อสังหา/ออกแบบ/สินเชื่อ/ก่อสร้าง) แยกลูกค้า งาน และสิทธิ์ต่อแผนก ส่งต่องานข้ามแผนกได้
โมดูลก่อสร้างเต็มรูปแบบ: BOQ, หน้างาน, ตรวจรับ, สัญญา, งวดเงิน, การเงินโครงการ, ผู้รับเหมาช่วง
Auth ด้วย JWT httpOnly cookie + bcrypt, บทบาทผู้ใช้ต่อแผนก, ไฟล์เคสส่วนตัวตรวจสิทธิ์ทุกครั้งที่ดาวน์โหลด

**หน้าแรก — โปรเจกต์บ้านครบในทีมเดียว** — Home hero — "One team, one complete house"

**โมเดลบ้าน 3D isometric ประกอบขั้นตอนวางแผนสินเชื่อ** — 3D isometric house model paired with the financing step

**/projects — แกลเลอรีผลงานทรงวงกลมที่ลากหมุนได้** — /projects — a draggable circular project gallery

**ฟอร์ม "คุยกับทีมอารมณ์ดี" — ส่ง lead เข้า MySQL ทันที** — "Talk to our team" lead modal, saved straight to MySQL

**หลังบ้าน — เลือกแผนกทำงาน (อสังหา/ออกแบบ/สินเชื่อ/ก่อสร้าง)** — Back office — choose your department (4 lines of business)

**โมดูลก่อสร้าง — โครงการ งบประมาณ และความคืบหน้าเทียบแผน** — Construction module — projects, budget and progress vs. baseline

**แดชบอร์ดแผนกอสังหา — งานวันนี้และ next action** — Real-estate department dashboard — today's tasks & next actions

ระบบลงทะเบียนประชุมวิชาการ · 2026

STST Conference Platform

Conference registration & back-office platform for the Society of Thoracic Surgeons of Thailand

ระบบลงทะเบียนงานประชุมวิชาการแบบ standalone add-on ที่เชื่อมกับเว็บไซต์เดิมของสมาคมผ่าน API bridge รองรับการลงทะเบียนแบบแบ่งราคาตามกลุ่ม (Early Bird / สมาชิก / บุคคลทั่วไป) การลงทะเบียนกลุ่มสำหรับองค์กร ชำระเงินผ่าน PromptPay QR พร้อมระบบตรวจสอบสลิปอัตโนมัติ ออกใบกำกับภาษีและใบประกาศนียบัตร CME ให้อัตโนมัติ และมีระบบเช็คอินรายเซสชันสำหรับหน้างาน

Laravel 11Vue 3Inertia.jsTailwind CSSMySQL 8RedisPestDocker

51ตารางฐานข้อมูล

71หน้า Vue

242routes

172ไฟล์เทสต์

ลงทะเบียนแบบ tier-based (Early Bird / สมาชิกสมาคม / บุคคลทั่วไป) พร้อมราคาที่ต่างกันตามกลุ่มผู้เข้าร่วม
ชำระเงินผ่าน PromptPay QR และอัปโหลดสลิปโอนเงิน พร้อมตรวจสอบด้วย OCR หรือ SlipOK
ออกใบกำกับภาษี ใบเชิญประชุม และใบประกาศนียบัตร CME ให้อัตโนมัติหลังจบงาน
แดชบอร์ดผู้ดูแลระบบ (Thai-only) แสดงรายได้ การลงทะเบียน และ conversion แบบเรียลไทม์
ตัวช่วยสร้างอีเวนต์แบบ wizard 5 ขั้นตอน พร้อม rich-text editor และระบบแท็กหมวดหมู่
ระบบเช็คอินรายเซสชันผ่าน QR scanner และรายงานผู้เข้าร่วมแบบ export CSV/Excel

**หน้ารายการงานประชุม พร้อมตัวกรองตามกลุ่มผู้ฟัง รูปแบบ และหัวข้อ** — Conference listing with audience, format and topic filters

แดชบอร์ดผู้ดูแลระบบ แสดงรายได้รวม การลงทะเบียน และคิวงานที่ต้องจัดการ — Admin command center showing revenue, registrations and pending tasks

**หน้ารายละเอียดงานประชุม แสดงแพ็กเกจราคาและสถานะการลงทะเบียน** — Event detail page with pricing tiers and registration status

**ฟอร์มลงทะเบียนเข้าร่วมงาน พร้อมเลือกประเภทผู้เข้าร่วมและราคา** — Event registration form with tiered pricing selection

**ตัวช่วยสร้างอีเวนต์ใหม่แบบ 5 ขั้นตอน พร้อม rich-text editor** — 5-step event creation wizard with rich-text editor

**หน้าการลงทะเบียนทั้งหมด พร้อมตัวกรองและ export Excel** — All-registrations table with filters and Excel export

**แดชบอร์ดสมาชิก สรุปการลงทะเบียน ใบประกาศนียบัตร และอีเวนต์แนะนำ** — Member dashboard summarizing registrations, certificates and recommended events

**รายงานรายได้ พร้อมกราฟและตัวกรองตามช่วงเวลา** — Revenue report with charts and date-range filters

**หน้ารายการงานประชุมบนมือถือ** — Mobile conference listing

พอร์ทัลสมาชิก + ร้านค้า + POS · 2026

CONSTAFI Alumni Portal

Full-stack alumni club portal with membership, events/ticketing, and merchandise shop

ระบบเว็บสำหรับชมรมศิษย์เก่าช่างก่อสร้างปทุมธานี ใช้บริหารสมาชิก จัดกิจกรรมพร้อมระบบจองตั๋วและเช็คอิน และเปิดร้านค้าออนไลน์ขายของที่ระลึกให้สมาชิก มีระบบหลังบ้านสำหรับแอดมินดูแลคำสั่งซื้อ สต็อก และออกรายงานยอดขาย พร้อมระบบขายหน้างาน (POS) สำหรับใช้ในงานอีเวนต์จริง

PHP 8.2MySQLVanilla JSDocker ComposeSmoke tests

165API endpoints

40ตารางฐานข้อมูล

37หน้าเว็บ

ระบบสมาชิกพร้อมอนุมัติ/ปฏิเสธ และรวมบัญชีซ้ำที่ใช้เบอร์เดียวกัน
จัดการกิจกรรม จองตั๋ว และเช็คอินหน้างานแบบเรียลไทม์
ร้านค้าออนไลน์พร้อมตัวเลือกสินค้า ชุดสินค้า และระบบแลกไซส์
ระบบขายหน้างาน (POS) รับเงินสด/โอน ออกใบเสร็จได้ทันที
แดชบอร์ดแอดมินสรุปยอดขาย ออเดอร์ค้าง และงานที่ต้องดำเนินการ
รายงานและบัญชีดูยอดขายย้อนหลังแยกตามสถานะ พิมพ์รายงานได้

**หน้าแรกสาธารณะของชมรม** — Public landing page

**ระบบขายหน้างาน (POS)** — Point-of-sale screen for on-site event sales

**ร้านค้าออนไลน์ของชมรม** — Club merchandise shop

**แดชบอร์ดแอดมิน ภาพรวมงานที่ต้องดำเนินการ** — Admin dashboard overview

**จัดการคำสั่งซื้อและการชำระเงิน** — Order & payment management

**รายงานยอดขายและบัญชี** — Sales & accounting reports

ERP สำหรับเอเจนซี · 2026

Jungdung BackOffice

The back-office Jungdung Studio runs on every day — clients, projects, quotes, and equipment stock

Jungdung BackOffice เป็นระบบหลังบ้านสำหรับบริษัทครีเอทีฟเอเจนซี่ขนาดเล็ก ใช้บริหารลูกค้า (CRM) โปรเจค งาน ใบเสนอราคา ใบแจ้งหนี้ และรายงานการเงินในที่เดียว ช่วยลดการสลับไปมาระหว่างสเปรดชีตและแชทหลายช่องทาง นอกจากงานเอเจนซี่แล้วยังมีโมดูลจัดการสต็อกสินค้า/อุปกรณ์ (ขาย ยืม-คืน เบิกใช้ภายในองค์กร) สำหรับทรัพย์สินของบริษัท เช่น โน้ตบุ๊กและ License ซอฟต์แวร์

React 18ViteTailwind CSSExpressPrismaMySQLSentryFullCalendar

38หน้าในระบบ

29Prisma models

4สิทธิ์ผู้ใช้

แดชบอร์ดภาพรวมบริษัท: โปรเจคที่กำลังทำ รายได้ งานเกินกำหนด ใบแจ้งหนี้ค้างชำระ ในหน้าเดียว
ปฏิทินกลางแบบ Timeline (สร้างด้วย FullCalendar) แสดงโปรเจคและงานทั้งหมดเรียงตามเวลา
ระบบใบเสนอราคาแบบ wizard หลายขั้นตอน พร้อม template และ workflow อนุมัติ/ส่ง/แปลงเป็นโปรเจค
ส่งออกรายงานการเงินและข้อมูลเป็น Excel ได้ด้วย exceljs (งบ P&L, รายรับ-รายจ่าย, สต็อก)
โมดูลจัดการสต็อก/ทรัพย์สินบริษัทแบบ POS: ขายสินค้า ยืม-คืนอุปกรณ์ เบิกใช้ภายในองค์กร พร้อมแจ้งเตือนของใกล้หมด/เกินกำหนดคืน
ระบบสิทธิ์ผู้ใช้ 4 ระดับ (admin/manager/member/viewer), audit log และถังขยะ (soft-delete + กู้คืนได้)
ติดตาม error แบบ real-time ด้วย Sentry ทั้งฝั่ง frontend และ backend

**แดชบอร์ดภาพรวมบริษัท: โปรเจค รายได้ งานเกินกำหนด และกิจกรรมล่าสุด** — Company overview dashboard with projects, revenue, overdue tasks, and recent activity

**รายการโปรเจคทั้งหมดพร้อมสถานะ ความคืบหน้า และงบประมาณ** — Projects list with status, progress bars, and budget

**รายละเอียดโปรเจค: งานทั้งหมด แบ่งตามสถานะเกินกำหนด/กำลังทำ/เสร็จแล้ว** — Project detail view with tasks grouped by overdue / in-progress / done

**ปฏิทินกลางแบบ Timeline สร้างด้วย FullCalendar** — Central timeline calendar built with FullCalendar

**ระบบ CRM จัดการข้อมูลลูกค้า มูลค่างาน และผู้ติดต่อ** — CRM module tracking client accounts, contract value, and contacts

**ระบบขาย (POS) พร้อมประวัติการขายและยอดชำระ** — Point-of-sale module with sales history and payment status

**ภาพรวมการยืม-คืนอุปกรณ์บริษัท พร้อมแจ้งเตือนเกินกำหนด** — Equipment borrow/return tracker with overdue alerts

**แดชบอร์ดบนมือถือ** — Dashboard on mobile

**รายการโปรเจคบนมือถือ** — Projects list on mobile

จากงานจ้างสู่โปรดักต์

เข้าใจธุรกิจ รปภ. ลึกพอจะทำเป็น SaaS

เริ่มจากเว็บไซต์บริษัท รปภ. ต่อเป็นระบบปฏิบัติการ แล้วสรุปบทเรียนทั้งหมดเป็นแพลตฟอร์มที่บริษัท รปภ. หลายเจ้าใช้ร่วมกันได้

เว็บไซต์องค์กร + หลังบ้าน · 2026

PP SECURE

Security-guard company website with a full back-office for staff, shifts, documents, and payroll

เว็บไซต์บริษัทรักษาความปลอดภัยครบวงจร (รปภ. โรงงาน หมู่บ้าน อาคาร) พร้อมระบบหลังบ้านสำหรับแอดมินจัดการเนื้อหาเว็บ ข้อมูลพนักงาน หน่วยงานลูกค้า ตารางกะ เงินเดือน และเอกสารออดิท และแอปสำหรับพนักงานเช็คอิน/เช็คเอาท์และเซ็นเอกสารผ่านรหัสพนักงาน + PIN เขียนด้วย Node.js ล้วนแบบ zero-dependency ไม่ต้องพึ่ง framework ฝั่งเซิร์ฟเวอร์ เก็บข้อมูลเป็นไฟล์ JSON โดยค่าเริ่มต้น และสลับไปใช้ MySQL ได้โดยไม่ต้องแก้โค้ด

Node.js (zero-dependency)Vanilla JSJSON / MySQL

49API endpoints

45จุดแก้เนื้อหาได้เอง

13หน้าเว็บ

แก้ไขเนื้อหาเว็บไซต์ได้เองผ่านหลังบ้าน (หน้าแรก รูปภาพ ข้อความกว่า 45 จุด โลโก้ลูกค้า บทความ กิจกรรม) โดยไม่ต้องแตะโค้ด
ระบบบุคลากร: ข้อมูลพนักงาน ใบสมัครงานออนไลน์ที่อนุมัติแล้วออกรหัสพนักงานอัตโนมัติ บัตรพนักงาน สัญญาจ้างพร้อมลายเซ็นดิจิทัล
จัดการหน่วยงาน/ลูกค้าและตารางกะ ผูกพนักงานเข้ากับหน่วยงาน พร้อมมูลค่าสัญญาและอัตรากำลังตามแผน
แอปพนักงานแยกต่างหาก (app.html) ล็อกอินด้วยรหัสพนักงาน + PIN สำหรับเช็คอิน/เช็คเอาท์และเซ็นรับเอกสาร
ระบบเงินเดือนและเอกสารออดิทพร้อมแจ้งเตือนเอกสารใกล้หมดอายุ/ขาดไฟล์บนแดชบอร์ดภาพรวม
ระบบผู้ใช้งานหลายคนพร้อมสิทธิ์ (RBAC), ล็อกอินจำกัดการเดารหัส (rate-limit) และ token หมดอายุใน 8 ชม.

**หน้าแรกเว็บไซต์ PP SECURE พร้อมรูปทีมงานจริงและจุดเด่นบริการ** — PP SECURE public homepage with a real team photo and service highlights

หน้ารายละเอียดบริการ (งานดูแลภูมิทัศน์/คนสวน) พร้อมขอบเขตงานและพื้นที่ให้บริการ — Service detail page (landscaping/gardening) with scope of work and coverage area

**หน้ารวมกิจกรรม ค้นหาและกรองตามหมวด/ปีได้** — Activities listing page with search and category/year filters

**ฟอร์มสมัครงานออนไลน์แบบ 3 ขั้นตอน** — 3-step online job application form

**แดชบอร์ดภาพรวมระบบหลังบ้าน สรุปพนักงาน คำขอ และเอกสารที่ต้องตรวจ** — Admin dashboard overview with staff count, requests, and documents needing review

**ตัวแก้ไขเนื้อหาเว็บไซต์ ออกแบบหน้าแรกได้จากหลังบ้านโดยตรง** — Website content editor — design the homepage directly from the back-office

**หน้าแรกเวอร์ชันมือถือ** — Mobile view of the homepage

**หน้ากิจกรรมเวอร์ชันมือถือ** — Mobile view of the activities page

↓ ต่อยอดจากเว็บไซต์ PP SECURE

ระบบบริหาร รปภ. · 2026

SQRTY — PP.SECURE Operations

End-to-end back office for security guard operations — patrols, attendance and payroll in one system

SQRTY (แบรนด์ PP.SECURE) เป็นระบบหลังบ้านสำหรับบริษัทรักษาความปลอดภัย ใช้บริหารพนักงาน รปภ. หลายหน่วยงานพร้อมกัน ตั้งแต่จัดตารางเวร เดินตรวจด้วย QR Code ยืนยันตำแหน่งด้วย GPS ไปจนถึงคำนวณเงินเดือนและภาษีหัก ณ ที่จ่าย ระบบมี REST API รองรับแอปมือถือ (Expo/React Native) และพอร์ทัลแยกให้ลูกค้า (เจ้าของอาคาร/นิติบุคคล) เข้าดูสถานะงานของหน่วยงานตัวเองได้แบบ PWA ออกแบบมาให้ข้อมูลเดินตรวจ/เข้างานที่ยืนยันตำแหน่งไม่ได้ยังคงถูกบันทึกไว้เสมอ ไม่ปฏิเสธการบันทึก เพื่อไม่ให้เกิดช่องว่างของหลักฐานการทำงาน

PHP 8MariaDBREST APILeafletTCPDFPWAReact Native

47ตารางฐานข้อมูล

19โมดูล

32migrations

Command Center แดชบอร์ดภาพรวมกำลังพล จุดตรวจ เหตุการณ์ และหน่วยงาน พร้อมแผนที่ Live
Checkpoint Manager จัดการจุดตรวจ สายตรวจ และ QR Code พร้อมยืนยันตำแหน่งด้วย GPS (รัศมีตั้งได้)
ระบบเงินเดือนครบวงจร: ตรวจก่อนปิดงวด ตั้งค่าแรงรายคน คำนวณภาษีหัก ณ ที่จ่าย และไฟล์ยื่นประกันสังคม
ตารางเวรแบบปฏิทินรายเดือน สร้างรูปแบบกะอัตโนมัติ (Generate Pattern) ส่งออก PDF/Excel
พอร์ทัลลูกค้าแยกต่างหาก (PWA ที่ /c/) ให้ลูกค้าเห็นเฉพาะหน่วยงานที่ตัวเองดูแลได้
รองรับแอปมือถือ Expo/React Native ผ่าน REST API เดียวกันกับหน้าเว็บ (ระบบประตู/เข้า-ออกรถ, สแกนจุดตรวจ)

**Command Center — แดชบอร์ดภาพรวมกำลังพล จุดตรวจ และหน่วยงานทั้งหมด** — Command Center — live overview of guards, checkpoints and sites

**Checkpoint Manager — จัดการจุดตรวจและสายตรวจบนแผนที่จริง** — Checkpoint Manager — patrol points and routes on a live map

**ปฏิทินจัดตารางเวรรายเดือน พร้อมสร้างรูปแบบกะอัตโนมัติ** — Monthly shift calendar with automatic pattern generation

**รายงานตรวจจุด สรุปสถานะปกติ/แจ้งเหตุ/ข้ามจุด พร้อมกราฟ** — Patrol report — normal/incident/skipped checkpoint breakdown with charts

**จัดการพนักงาน รปภ. พร้อมสิทธิ์การใช้งานและหน่วยงานที่สังกัด** — Employee management with roles and site assignment

**Operations Center — จอภาพรวมสไตล์ศูนย์ควบคุมสำหรับติดตามสด** — Operations Center — NOC-style live monitoring board

**แดชบอร์ดบนมือถือ ใช้งานได้เต็มรูปแบบผ่านเบราว์เซอร์** — Mobile dashboard — fully usable via browser

**จัดการจุดตรวจบนมือถือ พร้อมแผนที่และสรุปสถานะ GPS** — Mobile checkpoint manager with map and GPS status

↓ ต่อยอดเป็นโปรดักต์ของตัวเอง

SaaS + แอปมือถือ · 2026

พร้อมตรวจ PromptTruat

Multi-tenant workforce management for security-guard companies

พร้อมตรวจเป็นแพลตฟอร์ม SaaS แบบหลายผู้เช่า (multi-tenant) สำหรับบริษัทรักษาความปลอดภัยในไทย ช่วยบริหารพนักงาน รปภ. กะทำงาน เดินตรวจด้วย QR Code บันทึกรถ-บุคคลเข้าออก (พร้อม OCR บัตรประชาชน) และรายงานเหตุการณ์ประจำวัน ผู้ว่าจ้าง (เช่น นิติบุคคลหมู่บ้าน/คอนโด) เข้าถึงพอร์ทัลแบบอ่านอย่างเดียวเพื่อดูข้อมูลของหน่วยงานตนเอง แต่ละบริษัทลูกค้ามีฐานข้อมูล Postgres แยกของตัวเอง (database-per-tenant) เพื่อแยกขอบเขตข้อมูลอย่างเข้มงวด

Next.js 16PrismaPostgreSQLNextAuthStripeExpo / React NativeRedis

93หน้าเว็บ

180API routes

61DB models

ระบบหลายผู้เช่าแบบแยกฐานข้อมูล Postgres ต่อบริษัท (database-per-tenant) พร้อม routing ผ่าน subdomain
แอปมือถือสำหรับ รปภ. (Expo/React Native): สแกน QR เดินตรวจ, เช็คอิน-เอาท์ด้วย GPS, พิมพ์สลิปผ่านเครื่องพิมพ์ Sunmi/BLE, OCR บัตรประชาชนไทย
บันทึกรถและบุคคลเข้า-ออกหน่วยงาน (Gate Log) พร้อมถ่ายภาพบัตรประชาชน
พอร์ทัลอ่านอย่างเดียวสำหรับผู้ว่าจ้าง/นิติบุคคล และระบบลูกบ้านสำหรับหมู่บ้าน/คอนโด
ระบบแพ็กเกจและสิทธิ์การใช้งาน (Plan / Module / Entitlement) พร้อม billing ผ่าน Stripe
ระบบยืนยันตัวตนสองชุดแยกกัน: NextAuth (เว็บ/แอดมิน) และ opaque token (มือถือ), ป้องกันด้วย Cloudflare Turnstile

**หน้าแรกการตลาด (Landing page)** — Marketing homepage

**แอป รปภ. — หน้าแดชบอร์ดเข้า-ออกงาน** — Guard app — attendance dashboard

**แอป รปภ. — เดินตรวจด้วย QR Code** — Guard app — QR patrol scan

**แอป รปภ. — บันทึกเหตุการณ์ประจำวัน** — Guard app — daily log form

**แอป รปภ. — เข้าสู่ระบบองค์กร** — Guard app — organization login

**หน้าแรก (มือถือ)** — Homepage (mobile)

Stack

เทคโนโลยีที่ใช้ในงานเหล่านี้

ตัวเลข = จำนวนโปรเจกต์

MySQL7PHP6Tailwind CSS6React5TypeScript4Vanilla JS4Playwright3Leaflet2MariaDB2Next.js2PHPUnit2Prisma2Redis2TanStack Query2Vite2Dexie (offline)1Docker1Docker Compose1Expo / React Native1Express1FullCalendar1GD / WebP1Inertia.js1JSON / MySQL1Laravel1MySQL / SQLite1NextAuth1Node.js (zero-dependency)1Node.js / Express1PDO1Pest1PHPMailer1PostgreSQL1PWA1React Native1React-PDF1REST API1Sentry1Smoke tests1Stripe1TCPDF1Three.js1Vue1