Portfolio

Patsarun Kathinthong

นักพัฒนา Full Stack · Node.js & React · PERN/MERN · AI Integration_

เปิดรับโอกาสงาน

ห้วยขวาง, กรุงเทพฯ

ดาวน์โหลด Resume

GitHub ↗LinkedIn ↗

// ABOUT

เกี่ยวกับฉัน

นักพัฒนา Full Stack · Node.js & React · PERN/MERN · AI Integration

นักพัฒนา Full Stack ที่เชี่ยวชาญด้านระบบ AI และ Web Application ระดับ Production มีประสบการณ์สร้าง RAG Pipeline ด้วย Vector Search (pgvector + Gemini AI), ออกแบบ RESTful API ที่ปลอดภัย, ระบบ RBAC, Real-time Communication Platform และ Business Workflow Engine ที่ซับซ้อน ครอบคลุมตั้งแต่การออกแบบฐานข้อมูล Backend และ Frontend ไปจนถึงการ Deploy บน Ubuntu Linux พัฒนาโปรเจกต์ระดับ Production หลากหลายประเภท ทั้ง AI Document Chat, Live Streaming, E-Commerce, Rental Management และ Task Management พร้อม Test Coverage ครบ, Concurrency Control และ Performance Optimization สนใจการแก้ปัญหาด้าน Engineering ที่ซับซ้อน เขียนโค้ดที่ดูแลรักษาได้ในระยะยาว และพัฒนาตัวเองในสายงาน Software Engineer อย่างต่อเนื่อง

เปิดรับโอกาสงาน

เปิดรับโอกาสงาน Full Stack Developer และ Software Engineer

จุดแข็ง

การพัฒนา Full-Stack, AI Integration และ RAG Pipeline, Vector Search (pgvector), การออกแบบสถาปัตยกรรมระบบ, การออกแบบ RESTful API, ระบบ Authentication และ RBAC, Real-Time System, การออกแบบฐานข้อมูล, Concurrency Control, การทดสอบและ CI/CD

เป้าหมาย

มองหาโอกาสในการพัฒนาระบบซอฟต์แวร์ที่รวม AI และรองรับการขยายตัว มีส่วนร่วมกับผลิตภัณฑ์จริง และเติบโตในสายงาน Full Stack Developer

กำลังเรียน

Docker, AWS, Kubernetes, LangChain, AI Agents ขั้นสูง

patsarun2545@gmail.com

ห้วยขวาง, กรุงเทพฯ

// ENGINEERING Highlights

ความเชี่ยวชาญด้านวิศวกรรม

การพัฒนา Full-Stack

การออกแบบฐานข้อมูลและ ORM

การยืนยันตัวตนและการให้สิทธิ์

การออกแบบ RESTful API

การทดสอบและคุณภาพ

ฟีเจอร์ Real-Time

การปรับปรุงประสิทธิภาพ

การควบคุมการเข้าถึงข้อมูลพร้อมกัน

การผสานระบบ AI และกระบวนการ RAG

แนวปฏิบัติด้านความปลอดภัย

// SKILLS

ทักษะ

ภาษาโปรแกรม

JavaScript

TypeScript

SQL

Python

HTML

CSS

เฟรมเวิร์ก

React

Next.js

Node.js

Express

NestJS

Tailwind

ฐานข้อมูล

PostgreSQL

MongoDB

Prisma

Mongoose

เครื่องมือและ DevOps

Git

GitHub

Postman

Ubuntu

PM2

Vercel

GitHub Actions

Vite

การทดสอบ

Jest

Vitest

React Testing Library

Supertest

AI และการค้นหาด้วยเวกเตอร์

Gemini AI

pgvector

RAG Pipeline

SSE Streaming

// PROJECTS

ผลงาน

[ FEATURED ]

Featured

แอปพลิเคชันแชทกับเอกสาร AI ด้วย RAG Pipeline และ Vector Search

Next.js Fullstack

แอปพลิเคชันแชทกับเอกสาร AI สร้างด้วย Next.js พร้อม RAG pipeline ด้วย Gemini AI และ PostgreSQL พร้อม pgvector สำหรับ semantic search

สร้างแอปพลิเคชันแชทกับเอกสาร AI ด้วย Next.js 16 (App Router) และ RAG pipeline
พัฒนาระบบอัปโหลดเอกสารรองรับ PDF, DOCX และ TXT สูงสุด 10MB
ประมวลผลเอกสารอัตโนมัติ: parsing, chunking (500 คำพร้อม overlap 50) และ vector embedding
Vector search โดยใช้ PostgreSQL pgvector กับ cosine distance สำหรับ semantic similarity
แชท AI พร้อม streaming responses จาก Gemini 3.1 Flash Lite พร้อม source attribution
Chat sessions ต่อเอกสารพร้อมประวัติการสนทนาและบันทึกข้อความ
Rate limiting ในหน่วยความจำ: auth (10 req/15min), API (60 req/1min)
ติดตามสถานะเอกสาร: PROCESSING → READY/FAILED พร้อม automatic recovery สำหรับเอกสารที่ค้าง (>10 นาที)
User isolation โดยจัดกลุ่มข้อมูลทั้งหมดตาม userId สำหรับ multi-tenant security
ระบบยืนยันตัวตน JWT พร้อม session cookies 7 วัน
Input validation ด้วย Zod schemas สำหรับ API inputs ทั้งหมด
ความปลอดภัย: bcrypt password hashing, httpOnly cookies, file upload validation, ป้องกัน SQL injection ผ่าน Prisma ORM
Next.js 16, React 19, TypeScript, Tailwind CSS 4, shadcn/ui, PostgreSQL 16 พร้อม pgvector, Gemini AI

Next.js 16React 19TypeScriptTailwind CSS 4PostgreSQL 16pgvector+6

ดูโค้ด ดูตัวอย่างสด

Featured

แพลตฟอร์มสตรีมมิงวิดีโอสดแบบ real-time สร้างด้วย MERN Stack และ Next.js

MERN + Next.js

แพลตฟอร์มสตรีมมิงวิดีโอสดแบบ real-time สร้างด้วย MERN Stack และ Next.js

สร้างแพลตฟอร์ม Live Streaming แบบ Full-Stack โดยใช้ Next.js 14 (App Router) และ Express.js
รับ RTMP stream ผ่าน OBS — แปลงเป็น HLS อัตโนมัติด้วย FFmpeg pipeline
เล่นวิดีโอ HLS ความหน่วงต่ำด้วย hls.js พร้อม Safari native fallback
แชทสดแบบ Real-Time ในแต่ละห้อง stream ผ่าน WebSocket พร้อม Auto-Reconnect
นับจำนวนผู้ชมสดผ่าน join/leave beacon endpoints
Streamer Dashboard — ไลฟ์สด, จัดการ stream, ดูประวัติ, รีเซ็ต stream key
ค้นหาและกรอง stream ตามหมวดหมู่ พร้อม Debounced Input และ Pagination
สองบทบาท: viewer และ streamer พร้อม Route Guard
SSR Meta Tags, Open Graph, JSON-LD, sitemap.xml และ robots.txt สำหรับ SEO
Rate limiting บน auth endpoints (10 req/15min production)
Input sanitization สำหรับป้องกัน XSS
Graceful shutdown handling สำหรับ HTTP, WebSocket, RTMP และ MongoDB
Next.js 14, React 18, MongoDB พร้อม Mongoose ODM

Next.js 14React 18Node.jsExpress.jsMongoDBMongoose+4

ดูโค้ด

Featured

แอปพลิเคชันจัดการงานแบบ Full-stack สร้างด้วย PERN Stack

PERN Stack

แอปพลิเคชันจัดการงานแบบ Full-stack สร้างด้วย PERN Stack

สร้างแอปจัดการงานแบบ Full-Stack พร้อม JWT Authentication และ Protected Routes
ลากวางเพื่อเรียงลำดับงาน บันทึกลงฐานข้อมูลผ่าน order field
ระบบ Subtask — สร้างและจัดการงานย่อยภายในแต่ละงาน
กรองงานตามสถานะและลำดับความสำคัญ พร้อมแถบสรุปจำนวน
Middleware stack: JWT auth, rate limiting, input sanitization และ request validation
Test Coverage ครบถ้วน — Vitest + React Testing Library (client) และ Jest (server)
CI pipeline ผ่าน GitHub Actions
React 19, Express 5, PostgreSQL พร้อม Prisma 7 ORM

React 19Node.jsExpress 5PostgreSQLPrisma 7JWT+3

ดูโค้ด ดูตัวอย่างสด

Featured

แพลตฟอร์มอีคอมเมิร์ซแบบ Full-stack ด้วย Next.js App Router

Next.js Fullstack

แพลตฟอร์มอีคอมเมิร์ซแบบ Full-stack ด้วย Next.js App Router

สร้างแพลตฟอร์มอีคอมเมิร์ซที่ครบครันด้วย Next.js 16 (App Router) และ Server Actions
พัฒนาระบบ Role-Based Access Control สำหรับ CUSTOMER และ ADMIN พร้อม Protected Routes
พัฒนาตะกร้าสินค้าพร้อมคำนวณยอดรวมแบบ Real-time และขั้นตอน Checkout
จัดการวงจรชีวิตคำสั่งซื้อ: Pending → Paid → Shipped → Delivered
ระบบอัปโหลดสลิปพร้อมการตรวจสอบโดย Admin (อนุมัติ/ปฏิเสธ)
สร้าง QR Code PromptPay สำหรับการชำระเงินที่สะดวก
Dashboard Admin พร้อมกราฟรายได้และระบบจัดการคำสั่งซื้อ
ฟังก์ชัน Soft-delete / restore สำหรับสินค้าและหมวดหมู่
ผสาน ImageKit CDN สำหรับอัปโหลดและปรับแต่งรูปภาพ (WebP, resize 1200x1200)
Server-side rendering (SSR) พร้อม Next.js cache tags และ revalidation
React 19.2.3, PostgreSQL พร้อม Prisma 6.19.2, shadcn/ui components

Next.js 16React 19PostgreSQLPrisma 6Tailwind CSS 4JWT+3

ดูโค้ด ดูตัวอย่างสด

Featured

ระบบ back-office สำหรับจัดการวงจรการเช่าครบวงจร

PERN Stack

ระบบ back-office สำหรับจัดการวงจรการเช่าครบวงจร

สร้าง Admin Panel สำหรับจัดการวงจรชีวิตการเช่าตั้งแต่การจองจนเสร็จสิ้น
พัฒนา RBAC Middleware จำกัดเส้นทาง Back-Office ให้เฉพาะ Admin เท่านั้น
ออกแบบ Workflow Engine หลายขั้นตอน: PENDING → CONFIRMED → ACTIVE → RETURNED → COMPLETED
พัฒนาระบบตรวจสอบสลิปชำระเงิน — Admin อนุมัติหรือปฏิเสธหลักฐานที่ลูกค้าอัปโหลด
State Machine เงินประกัน: HELD / REFUNDED / DEDUCTED พร้อมการคำนวณอัตโนมัติ
โมดูลค่าปรับครอบคลุม LATE / DAMAGE / LOST พร้อมออกใบแจ้งหนี้อัตโนมัติ
สร้างระบบตรวจสอบความขัดแย้งของสต็อกเพื่อป้องกันการจองซ้ำในช่วงวันที่ซ้อนทับ
โมดูลรายงาน: กราฟรายได้รายเดือน, สินค้าเช่ายอดนิยม 10 อันดับ, ติดตามการค้างชำระ
Audit Log พร้อมลบตามช่วงวันที่ — ติดตามการกระทำของ Admin ทั้งหมด
React 19, Express.js, PostgreSQL พร้อม Prisma ORM

React 19Express.jsPostgreSQLPrismaJWTChart.js

ดูโค้ด ดูตัวอย่างสด

Featured

เว็บแอปเช่าชุดพร้อม frontend แยกกัน 2 ส่วน ได้แก่ Customer App และ Admin Panel

PERN Stack

เว็บแอปเช่าชุดพร้อม frontend แยกกัน 2 ส่วน ได้แก่ Customer App และ Admin Panel

สถาปัตยกรรม Dual-Frontend: Customer App + Admin Panel แต่ละส่วนมี Role-Based Access แบบอิสระ (owner / user) ผ่าน JWT Middleware
Schema PostgreSQL รองรับวงจรชีวิตการเช่าแบบสมบูรณ์: wait → pay → send → approved/rejected/overdue
RESTful APIs ครอบคลุม สินค้า, การเช่า, การชำระเงิน, เงินประกัน, ค่าปรับ, การคืน และ Audit Logs
ระบบอัปโหลดและตรวจสอบสลิปชำระเงิน — Admin อนุมัติหรือปฏิเสธหลักฐานที่ลูกค้าส่งมา
วงจรเงินมัดจำพร้อมการคำนวณอัตโนมัติและการจัดการการคืนเงิน
ตรวจสอบความขัดแย้งของการจองสต็อกเพื่อป้องกันการจองซ้ำในช่วงวันที่เช่า
ตะกร้าสินค้าฝั่งลูกค้าพร้อมกำหนดระยะเวลาเช่า, คำนวณวันคืนอัตโนมัติ, ส่วนลด และสรุปค่าจัดส่ง
Admin panel รองรับการนำเข้าสินค้าและหมวดหมู่แบบ Bulk ผ่าน Excel
Dashboard analytics พร้อม 10 summary cards และกราฟรายได้
React.js 18.3, Express.js 4.21, PostgreSQL 14, Prisma 5.22

React.js 18.3Express.js 4.21PostgreSQL 14Prisma 5.22JWTChart.js

ดูโค้ด ดูตัวอย่าง ลูกค้า ดูตัวอย่าง ผู้ดูแล

Featured

ระบบจัดการร้านค้ามือถือ ครอบคลุมการจัดการสต็อก, การขาย และงานซ่อม

MERN Stack

ระบบจัดการร้านค้ามือถือ ครอบคลุมการจัดการสต็อก, การขาย และงานซ่อม

สร้างด้วย Next.js 16 (App Router), TypeScript และ Tailwind CSS สำหรับประสบการณ์จัดการร้านที่ตอบสนองทุกอุปกรณ์
Schema MongoDB ผ่าน Prisma ORM ครอบคลุม สินค้า, คำสั่งขาย, งานซ่อม/Service, ผู้ใช้ และการตั้งค่าบริษัท
ขั้นตอนการขาย: ค้นหาหมายเลขซีเรียล → รายการขายรอดำเนินการ → ยืนยันแบบ Bulk → สินค้าถูกทำเครื่องหมายว่าขายแล้ว
เพิ่มสต็อกแบบ Bulk รองรับสูงสุด 10,000 รายการต่อครั้ง พร้อม Soft-delete สำหรับสินค้าและผู้ใช้
RESTful APIs สำหรับการจัดการสต็อก, ขั้นตอนการขาย, งานซ่อม/Service และการจัดการผู้ใช้
ระบบยืนยันตัวตน JWT พร้อมระดับบทบาท admin / user — auth decode ต่อ controller ไม่ใช่ global middleware
Dashboard พร้อมสถิติสรุป: รายได้รวม, จำนวนการขายรวม, งานซ่อมรวม, และกราฟรายได้รายเดือนผ่าน Recharts
Deploy บน Ubuntu Linux โดยใช้ PM2 สำหรับการจัดการ process
Next.js 16.2.6, React 19.2.6, Express 5.2.1, MongoDB พร้อม Prisma 6.19.3

Next.js 16React 19TypeScriptTailwind CSS 4MongoDBPrisma 6+5

ดูโค้ด ดูตัวอย่างสด

// EXPERIENCE

ประสบการณ์

นักศึกษาฝึกงานฝ่ายไอที

NAGA METAL SHEET CO.

มี.ค. 2567 – มิ.ย. 2567

›ติดตั้งและกำหนดค่าซอฟต์แวร์วิศวกรรม/ออกแบบสำหรับกระบวนการทำงานภายใน
›จัดทำเอกสารและคู่มือผู้ใช้อย่างเป็นระบบเพื่อเพิ่มประสิทธิภาพการทำงาน
›ดูแลเครื่องมือสื่อสารภายในและสื่อภาพสำหรับการประสานงานพนักงาน
›ให้การสนับสนุนด้านเทคนิคและ IT Support ประจำวันแก่พนักงาน

// EDUCATION

การศึกษา

บริหารธุรกิจบัณฑิต (BBA)

Mahasarakham University

คอมพิวเตอร์ธุรกิจ

มิ.ย. 2564 – พ.ค. 2568

// BLOG

บทความ

9 มิ.ย. 2569

เด่น8 นาที

DocuMind-AI: สร้างแอปแชทกับเอกสาร AI ด้วย RAG Pipeline และ Vector Search

เจาะลึกการสร้างแอปพลิเคชันแชทกับเอกสาร AI ด้วย Next.js, RAG pipeline, Gemini AI และ PostgreSQL pgvector สำหรับ semantic search

#DocuMind-AI#RAG#Vector Search+7

อ่านเพิ่มเติม →

5 มิ.ย. 2569

เด่น8 นาที

StreamLive: สร้างแพลตฟอร์มสตรีมมิงสดแบบ Real-Time ด้วย MERN Stack

เจาะลึกการสร้างแพลตฟอร์มสตรีมมิงสดระดับ production พร้อมระบบส่งสัญญาณ WebSocket, ประมวลผลวิดีโอ HLS, ระบบยืนยันตัวตน JWT และฟีเจอร์แชทแบบทันที

#StreamLive#MERN Stack#WebSocket+5

อ่านเพิ่มเติม →

5 มิ.ย. 2569

เด่น10 นาที

Task Manager: สร้างแอป PERN Stack ระดับ Production พร้อมการทดสอบครอบคลุม

คู่มือสมบูรณ์สำหรับสร้างแอปจัดการงานแบบ full-stack ด้วย PERN Stack, JWT authentication, Zustand state management, และการทดสอบครอบคลุมด้วย Vitest และ Jest

#Task Manager#PERN Stack#PostgreSQL+13

อ่านเพิ่มเติม →

// GITHUB STATS

// CONTACT

ติดต่อ

GitHub LinkedIn Email