My name is Nattapat Phungphugdee.
I'm a frontend-focused full stack developer currently working full-time on real-world web applications.
My primary focus is frontend development. I build clean, reliable user interfaces with attention to usability, consistency, and long-term maintainability. I prefer simple and clear solutions that work well in production, rather than overly complex designs.
On the backend side, I work comfortably at an intermediate level. I regularly integrate APIs, handle data flows, and understand system logic well enough to design frontend features that fit properly into the overall system.
In my daily work, I value readable code, practical design decisions, and teamwork. I'm used to working in real development environments—collaborating with others, handling feedback, and improving existing systems over time.
I'm open to opportunities as a Frontend Developer or Full Stack Developer, where I can continue delivering production-level frontend work while growing deeper in backend engineering and system design.
Creator mode
Quick snapshots from my dev-life TikTok channel.
Follow my coding & dev lifestyle on TikTok 💻🎥
I drop code tips, build logs, and community stories in Thai & English.
First team project shipped with Git—messy process, solid lesson learned together.
@zxin_ntt ครั้งแรกที่ใช้ git ทำงานกับเพื่อนๆ ใช้แบบไม่ได้ถูกหลักสะเท่าไรแต่ก็หัดกันกับเพื่อนทำโปรเจคผ่านกันมาได้ #computerscience #มจพ #dev
♬ Beat - beaty
Comparing Tailwind vs Bootstrap in real projects to find the right fit.
@zxin_ntt ฝึกใช้tailwind css ครั้งแรกปกติใช้แต่Bootstrapค่ายม่วง เขียนไปเขียนมาเริ่มชอบละ ใครแนะนำTipอะไรการใช้เม้นมาบอกกันได้น้าา #computerscience #frontend #dev
♬ MUTT - Leon Thomas
Sharing how I add motion and polish to Bootstrap card components.
@zxin_ntt มาลองสร้าง Card component ด้วย Bootstrap กัน #dev #computerscience #cskmutnb
♬ Countless - Official Sound Studio
Streamlining workflows and connecting systems with automation tools and integration platforms.
Workflow automation and integration platform. Building complex scenarios to connect apps, automate processes, and streamline business operations.
End-to-end testing framework for web applications. Writing reliable tests across multiple browsers with modern automation capabilities.
Continuous Integration and Deployment pipelines. Automating build, test, and deployment processes for faster and more reliable releases.
A curated selection of my featured projects. Each work blends elegant design, smart functionality, and seamless user experiences.
Asset Management System
Government inventory system for ECT
Hiring Platform
Connects users with technicians via CRUD + API
Blockchain Voting
Solidity + IPFS on MERN. Transparent elections
A relaxing companion app designed for emotional wellbeing. Collaborated with peers to design the UI/UX experience, ensuring delightful interactions and gentle visuals.
Triple C is a healthcare app designed for the HUAWEI Seeds for the Future competition. I contributed to the UI/UX design, shaping wireframes and visuals for features like clinic search and queue booking — all as part of a collaborative team effort.
Modern React social media platform with secure authentication, post management, comments, and user profiles. Built with React 18, HTTP-only cookies, and Cloudinary integration.
Asset management system for the Election Commission of Thailand. Features include CRUD operations, automated depreciation, and inventory audits. Built with Angular, ASP.NET Core, PostgreSQL.
Blockchain-based voting platform using MERN Stack, Solidity, and IPFS. Features smart contracts on MATIC (Polygon) network and secure voting via Metamask. Led full-stack development with Hardhat and React.js.
Web platform connecting users with qualified technicians. Features secure authentication, CRUD operations,
and RESTful API integration. Responsive Bootstrap UI with mobile-first design. Led team as project leader.
Tech stack: React.js, Node.js, MySQL, Bootstrap
Personal POS system with real-time sales analytics via Chart.js. Optimized backend with custom database
schema supporting 125+ daily transactions. Features itemized sales logs and business reporting.
Tech stack: React.js, Node.js, MySQL, Bootstrap
Duration: May – Jun 2022
My professional journey from internship to full-time developer, building real-world solutions and growing with each opportunity.
KMUTNB 65th Anniversary Innovation Project · 193 teams participated
View event photos ↗Thai Programmer Association
A collection of certifications and skills I've earned through real projects and continuous learning.
Advanced AI-assisted workflows covering prompt strategy, Copilot extensions, and real-world pairing habits.
Built complex UI systems with React, Redux, Bootstrap, jQuery, and Sass while practicing component-first thinking.
Node.js, Express, MongoDB, and REST best practices for building secure, maintainable services and integrations.
Hooks, state management, and lifecycle mastery for building interactive, production-ready frontend flows.
