ntdotjsx

TikTok GitHub YouTube Instagram

Thanapon Phorarmat | Full-Stack Web Developer

ผู้ก่อตั้ง DEXUS SOLUTION · มุ่งมั่นเปลี่ยนไอเดียให้เป็นซอฟต์แวร์ที่ใช้งานได้จริง

oklch()

scroll()

text-box-trim

pow()

@property

top-layer

@view-transition

var()

clamp()

view()

Full-Stack

@layer

@swash

subgrid

in oklab

:popover-open

abs()

sin()

:has()

::marker

1cap

scrollbar-color

scroll-timeline

view-timeline

overlay

scale

ascent-override

initial-letter

inset

@container

accent-color

color-mix()

@scope

@starting-style

override-colors

anchor()

scroll-snap

::backdrop

::cue

:focus-visible

:user-valid

:fullscreen

:dir()

caret-color

aspect-ratio

cross-fade()

image-set()

env()

place-content

gap

Outstanding projects โปรเจคต์เด่นๆ

Fluffy Donate

ระบบโดนเนทขึ้นจอแบบ Realtime ด้วย Stripe API มีหน้าชำระเงินพร้อม description การโดนเนทพร้อมให้ผู้โดเนทเลือก style การโดเนทที่ไม่เหมือนใคร

Socket.ioExpress.jsStripe

Zraw House

LandingPage นำเสนอร้านตัดผมของพี่แจ็ค มีการทำ SEO นิดหน่อยและระบบหลังบ้านในการจัดการคิวที่ได้รับจากช่องทางต่างๆ ไม่ว่าจะเป็นการ โทรจอง จองผ่าน facebook จองผ่าน Line หรือจองผ่านหน้าเว็บ

NuxtTailwind 4LINE

Judbiz Accounting

เป็นแพลตฟอร์มบัญชีและการเงินแบบครบวงจร ที่ออกแบบมาเพื่อรองรับความต้องการของฟรีแลนซ์และธุรกิจขนาดเล็ก โดยมุ่งเน้นความเรียบง่าย ใช้งานง่าย และสามารถปรับตัวเข้ากับมาตรฐานทางบัญชีของหลายประเทศ

Vue.jsTailwind 3

Vscode Cloud Google Translate

node.jsGoogle Cloud API

Who am i ผมคือใคร ?

สวัสดีครับ ผมชื่อ ธนพล พ่ออามาตย์ เพื่อนเรียกไอ้ นัท เกิดวันที่ 23 ตุลาคม 2006 ผมมีความสนใจในด้าน การเขียนโปรแกรม สร้างเกม และ การพัฒนาเว็บไซต์ ตั้งแต่อายุ 12 ขวบเริ่มจากการอยากทำเซิฟเวอร์ Minecraft เล่นกับเพื่อนและก็เริ่มฝึกฝน skills มาเรื่อยๆ เริ่มต้นจาก java, php และ การทำระบบเครือข่าย (network) ปัจุบันผมศึกษาอยู่ที่วิทยาลัยเทคนิคนวมินทราชินีมุกดาหาร ปวส.2 สาขาวิชาคอมพิวเตอร์โปรแกรมเมอร์ กลุ่มอาชีพซอฟต์แวร์และการประยุกต์ สาย hybrid ช่างเทคนิคคอมพิวเตอร์, กราฟิกดีไซน์, Junior Full-Stack Developer เหมือนจะเป็นเป็ดแต่ ไม่ใช่ ผมมั่นใจว่าผมสามารถไปสุดทุกทางได้ เพราะเวลาผมทำอะไรผมไม่ชอบทำ ครึ่งๆ กลางๆ ผมมักจะเต็มที่กับมันเสมอ จนเพื่อนสนิทบอกว่าผมบ้าเกินไป แต่ผมไม่สนอยู่แล้วเพราะผมอยากทำ สนุกดี

การพัฒนาและเรียนรู้ในด้านเทคโนโลยีและโปรแกรมมิ่งไม่ใช่แค่เพียงการทำงานตามหลักสูตร แต่คือการผจญภัยที่ท้าทายทุกๆ วัน การศึกษาคือการค้นหาคำตอบสำหรับคำถามที่ไม่รู้จัก และผมเชื่อว่าในโลกนี้ไม่มีอะไรที่เป็นไปไม่ได้ ถ้าเรามีความมุ่งมั่นและทุ่มเทอย่างแท้จริง ทุกปัญหาสามารถกลายเป็นโอกาสในการเรียนรู้และเติบโตได้เสมอ

[ 01 // BIO ]STATUS: ACTIVE

Hey, I’m Thanapon! I’m an I.T. Student and Junior Full-stack Developer in Mukdahan, Thailand.

I am a competitor in the Vecskill and a content creator for the next generation of DEKIT NMTC students preparing to compete.

READ FULL PROFILE

[ 02 // WRITING ]

This blog contains educational resources pertaining to Software Development and DevOps. I hope you enjoy reading!

EXPLORE WRITING

WORKSPACE_GRID_01

[ 03 // CREDENTIALS ]

8+Certs

All the certificates I have earned throughout my coding career.

VIEW CREDENTIALS

[ 04 // ARTICLES ]

Read my latest blog post!

Stay updated with engineering deep dives, project logs, and guides for junior developers.

READ ARTICLES

CODEPLAYGROUND_02

[ 05 // CONTRIBUTIONS ]

FOLLOW ON GITHUB

[ 06 // LISTEN ]

[ 07 // DEVELOPMENT ]

@ntdotjsx

EXPLORE REPOS

[ 08 // CODE STATS ]

[ 09 // TIKTOK ]OPINION

“TypeScript is
much better!”

VISIT PROFILE

// 01 · Profile

Thanapon Phorarmat

Hey, I’m Thanapon! I’m an I.T. Student and Junior Full-stack Developer in Mukdahan, Thailand. I am a competitor in the Vecskill and a content creator for the next generation of DEKIT NMTC students preparing to compete.

READ FULL PROFILE

// 02 · Recent Contributions

FOLLOW ON GITHUB

// 03 · Music Stream

// 04 · Development Stats

// 05 · Navigation & Directory

Read Articles & Code Writing View Coding Certificates (8+ Credentials)Browse GitHub Repositories Visit TikTok Channel

Skills มีทักษะและความเชี่ยวชาญอะไรบ้าง?

A showcase of my technical skills and competencies in software engineering. Over the years, I have worked with a variety of programming languages, frontend and backend libraries, databases, and DevOps tools to deliver high-quality digital solutions.รวบรวมทักษะความเชี่ยวชาญด้านเทคโนโลยีและการพัฒนาซอฟต์แวร์ ตั้งแต่ภาษาโปรแกรมมิ่ง เฟรมเวิร์ก ระบบฐานข้อมูล ไปจนถึงเครื่องมือ DevOps ที่ใช้งานในการออกแบบและพัฒนาโปรเจกต์ต่าง ๆ

// languages

Lua

JavaScript

TypeScript

PHP

CSS

SCSS

HTML

Rust

Ruby

// libraries And Frameworks

React

Redux

Next.js

Tailwind CSS

STStyled Components

ANAnt Design

CHChakra UI

// databases

MySQL

MongoDB

PostgreSQL

// other

Git

SASanity.io

Docker

GitLab CI/CD

Experience ประสบการณ์

A professional overview of my internships and educational history. Focused on developing web applications, system administration, and technical skills.

ประวัติการทำงาน การฝึกงาน และประวัติการศึกษาเพื่อพัฒนาทักษะด้านโปรแกรมเมอร์และคอมพิวเตอร์อย่างเป็นระบบ

Scroll to explore

[ PATH // INTERNSHIP ]2023 - 2024

SBP STUDIO

Server Fivem Developer

// Key Stack & Skills

LuaJavaScriptMySQLNode.jsGitFiveM API

Designed, optimized, and maintained custom script systems for high-traffic GTA V multiplayer roleplay servers. Focused on script performance, database optimization, and player experience.

ออกแบบ พัฒนา และดูแลระบบสคริปต์แบบ Custom สำหรับเซิร์ฟเวอร์ GTA V Multiplayer (FiveM) ที่รองรับผู้เล่นพร้อมกันจำนวนมาก ปรับแต่งประสิทธิภาพของสคริปต์และฐานข้อมูล MySQL

// Key Accomplishments & Duties

↳
Developed custom Lua scripts & UI interfaces (React/Vue/HTML) for interactive game mechanicsพัฒนาสคริปต์ Lua และอินเตอร์เฟซผู้เล่น (UI) โดยใช้เทคโนโลยีเว็บเพื่องานจำลองสถานการณ์
↳
Optimized SQL queries and database indexes to minimize server tick times and database overheadปรับแต่งคิวรีของฐานข้อมูล MySQL เพื่อลดความหน่วงและอาการกระตุกขณะผู้เล่นเข้าใช้บริการพร้อมกันจำนวนมาก
↳
Designed backend services using Node.js for webhook logging, server management, and automated deploymentsออกแบบระบบหลังบ้านด้วย Node.js สำหรับระบบบันทึก Log และการแจ้งเตือนต่างๆ

/** * Developer Log: Reflection */

// TH:

“ทำให้ผมรู้จักใจเย็นเวลาทำงาน”

// EN:

“Taught me patience and persistence when debugging complex real-time multiplayer states.”

[ PATH // INTERNSHIP ]2022 - 2023

Advice U029 มุกดาหาร

ช่างซ่อมคอมและฝ่าย software

// Key Stack & Skills

Hardware DiagnosticsWindows OSmacOSNetwork SetupCustomer RelationsTroubleshooting

Performed hardware diagnosis, computer repairs, software installation, and network configuration for customers. Handled active client interactions and troubleshooting.

ปฏิบัติงานตรวจเช็ค ปรับแต่ง และซ่อมบำรุงรักษาฮาร์ดแวร์คอมพิวเตอร์ โน้ตบุ๊ก ติดตั้งระบบปฏิบัติการและซอฟต์แวร์ รวมถึงดูแลงานให้คำปรึกษาและบริการด้านเทคนิคแก่ลูกค้า

// Key Accomplishments & Duties

↳
Diagnosed and resolved complex hardware and software malfunctions across diverse systemsตรวจวินิจฉัยอาการเสียและแก้ไขปัญหาฮาร์ดแวร์/ซอฟต์แวร์ของคอมพิวเตอร์และโน้ตบุ๊กทุกรูปแบบ
↳
Configured local networks, routers, and operating system environments for home and business clientsติดตั้ง ปรับปรุงระบบปฏิบัติการและโปรแกรมต่างๆ รวมถึงจัดการระบบเครือข่ายพื้นฐานของลูกค้า
↳
Managed hardware assembly, quality testing, and software optimization under tight daily deadlinesควบคุมคุณภาพและประกอบคอมพิวเตอร์ตามความต้องการและการใช้งานเฉพาะทางของลูกค้า

/** * Developer Log: Reflection */

// TH:

“ได้ความคิดในการฟังให้มากพูดให้น้อย รับฟังและลง EGO ตัวเองลง”

// EN:

“Taught me the value of active listening, lowering ego, and understanding client needs first.”

[ PATH // EDUCATION ]2024 - 2026

Nawamintrachini Mukdahan Technical College

High Vocational Certificate in Computer Programmer / ปวส. สาขาคอมพิวเตอร์โปรแกรมเมอร์

// Key Stack & Skills

Next.jsReactTypeScriptNode.jsPostgreSQLVecskills Competition

Specializing in modern software engineering, full-stack web development, and database architecture. Representing the college in provincial and national programming competitions.

ศึกษาระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) สาขาวิชาคอมพิวเตอร์โปรแกรมเมอร์ เน้นพัฒนาซอฟต์แวร์เว็บแอปพลิเคชันสมัยใหม่ และเป็นตัวแทนแข่งขันเขียนโปรแกรมระดับชาติ

// Key Accomplishments & Duties

↳
Represented the college at the National Computer Programming Skills Competition (Vecskills 2025/2026)เป็นตัวแทนวิทยาลัยและจังหวัดเข้าร่วมแข่งขันเขียนโปรแกรมคอมพิวเตอร์ระดับภาคและระดับประเทศ (Vecskills)
↳
Mastered modern full-stack web technologies including Next.js, React, Node.js, and SQLศึกษาทักษะการสร้างเว็บแอปพลิเคชันแบบ Full-stack ด้วย Next.js, React, TypeScript และการจัดการฐานข้อมูล
↳
Collaborated with peers to design, build, and deploy school management and student community projectsพัฒนาโครงงานประยุกต์และระบบสารสนเทศเพื่อใช้งานจริงในระดับวิทยาลัย

/** * Developer Log: Reflection */

// TH:

“การเรียนรู้ในระดับปวส. ช่วยให้ผมเห็นภาพกระบวนการพัฒนาซอฟต์แวร์ทั้งระบบอย่างเป็นขั้นตอนและการทำงานร่วมกันเป็นทีม”

// EN:

“Provided a solid foundation in systems analysis, full-stack software development workflows, and team collaboration.”

[ PATH // EDUCATION ]2021 - 2024

Mukdahan School

Junior High School / มัธยมศึกษาตอนต้น

// Key Stack & Skills

Programming BasicsJava BasicsLinux Command LineServer Administration

Completed junior high school education. Discovered passion for programming, server setup, and computer networking during this period.

ศึกษาระดับมัธยมศึกษาตอนต้น ค้นพบความสนใจและเริ่มต้นศึกษาเรื่องคอมพิวเตอร์และหัดเขียนโปรแกรมเบื้องต้นด้วยตัวเอง

// Key Accomplishments & Duties

↳
Began learning fundamental programming logic and script syntaxริเริ่มศึกษาตรรกะการเขียนโปรแกรม ไวยากรณ์เบื้องต้น และโครงสร้างข้อมูลพื้นฐาน
↳
Self-taught server hosting setup (Minecraft, Linux basics) to play with peersทดลองติดตั้งและตั้งค่าเซิร์ฟเวอร์เกมจำลอง (Minecraft, Linux เบื้องต้น) ร่วมกับกลุ่มเพื่อน

/** * Developer Log: Reflection */

// TH:

“เป็นช่วงเริ่มต้นที่ทำให้ผมเข้าใจว่าการเขียนโค้ดคือเวทมนตร์ที่เปลี่ยนไอเดียให้เกิดขึ้นได้จริงในโลกดิจิทัล”

// EN:

“The beginning of my tech journey where I realized that coding is a powerful tool to bring any idea to life.”

[ PATH // EDUCATION ]2015 - 2021

Saintjoseph Mukdahan

Primary Education / ประถมศึกษา

// Key Stack & Skills

Computer BasicsCreative Thinking

Primary school education. Sparked interest in video games, hardware structures, and computing technology.

ศึกษาระดับประถมศึกษา จุดเริ่มต้นของความสนใจในคอมพิวเตอร์ ฮาร์ดแวร์ และเกมคอมพิวเตอร์

/** * Developer Log: Reflection */

// TH:

“วัยเด็กที่มีคอมพิวเตอร์เครื่องแรกเป็นแรงบันดาลใจให้ผมอยากรู้อยากเห็นการทำงานข้างในของมัน”

// EN:

“My childhood curiosity about how computers and games work behind the scenes laid the groundwork for my passion.”

Experience ประสบการณ์ & การศึกษา

Internship2023 - 2024

SBP STUDIO

Server Fivem Developer

↳พัฒนาสคริปต์ Lua และอินเตอร์เฟซผู้เล่น (UI) โดยใช้เทคโนโลยีเว็บเพื่องานจำลองสถานการณ์
↳ปรับแต่งคิวรีของฐานข้อมูล MySQL เพื่อลดความหน่วงและอาการกระตุกขณะผู้เล่นเข้าใช้บริการพร้อมกันจำนวนมาก
↳ออกแบบระบบหลังบ้านด้วย Node.js สำหรับระบบบันทึก Log และการแจ้งเตือนต่างๆ

LuaJavaScriptMySQLNode.jsGitFiveM API

“ทำให้ผมรู้จักใจเย็นเวลาทำงาน”

Internship2022 - 2023

Advice U029 มุกดาหาร

ช่างซ่อมคอมและฝ่าย software

↳ตรวจวินิจฉัยอาการเสียและแก้ไขปัญหาฮาร์ดแวร์/ซอฟต์แวร์ของคอมพิวเตอร์และโน้ตบุ๊กทุกรูปแบบ
↳ติดตั้ง ปรับปรุงระบบปฏิบัติการและโปรแกรมต่างๆ รวมถึงจัดการระบบเครือข่ายพื้นฐานของลูกค้า
↳ควบคุมคุณภาพและประกอบคอมพิวเตอร์ตามความต้องการและการใช้งานเฉพาะทางของลูกค้า

Hardware DiagnosticsWindows OSmacOSNetwork SetupCustomer RelationsTroubleshooting

“ได้ความคิดในการฟังให้มากพูดให้น้อย รับฟังและลง EGO ตัวเองลง”

Education2024 - 2026

Nawamintrachini Mukdahan Technical College

High Vocational Certificate in Computer Programmer / ปวส. สาขาคอมพิวเตอร์โปรแกรมเมอร์

↳เป็นตัวแทนวิทยาลัยและจังหวัดเข้าร่วมแข่งขันเขียนโปรแกรมคอมพิวเตอร์ระดับภาคและระดับประเทศ (Vecskills)
↳ศึกษาทักษะการสร้างเว็บแอปพลิเคชันแบบ Full-stack ด้วย Next.js, React, TypeScript และการจัดการฐานข้อมูล
↳พัฒนาโครงงานประยุกต์และระบบสารสนเทศเพื่อใช้งานจริงในระดับวิทยาลัย

Next.jsReactTypeScriptNode.jsPostgreSQLVecskills Competition

Education2021 - 2024

Mukdahan School

Junior High School / มัธยมศึกษาตอนต้น

↳ริเริ่มศึกษาตรรกะการเขียนโปรแกรม ไวยากรณ์เบื้องต้น และโครงสร้างข้อมูลพื้นฐาน
↳ทดลองติดตั้งและตั้งค่าเซิร์ฟเวอร์เกมจำลอง (Minecraft, Linux เบื้องต้น) ร่วมกับกลุ่มเพื่อน

Programming BasicsJava BasicsLinux Command LineServer Administration

Education2015 - 2021

Saintjoseph Mukdahan

Primary Education / ประถมศึกษา

Computer BasicsCreative Thinking