Full Stack Developer
Khonkaen, Thailand | 0989497997 | jukkapan.kn@.com

I am a passionate Full Stack Developer with a background in Automation Engineering, leveraging a combination of problem-solving, logical thinking, and technical expertise to build scalable web applications. After years of working in automation, I transitioned into web development, exploring modern technologies to create dynamic and efficient solutions. My journey has taught me the importance of adaptability, and I'm committed to continual growth in the field of software development.

• 🔭 Exploring: Advanced concepts in React, Node.js, TypeScript, and backend development.
• 🌱 Continuously learning: Scalable architecture design, modern frontend frameworks, and robust backend solutions.
• 💬 Let’s connect: Open to collaborations, tech discussions, and learning from others in the field.

Automation Engineer
Aug '19 - Feb '24

• Led automation projects that improved operational efficiency for various industrial clients, utilizing skills in PLC programming and system integration.
• Collaborated with cross-functional teams to assess requirements and deliver tailored solutions.
• Supported automation machines, ensuring optimal performance and troubleshooting.
• Transitioned into web development, bringing automation principles to web-based projects and IoT systems.

King Mongkut's Institute of Technology Ladkrabang (KMITL), Bangkok, Thailand
Bachelor of Engineering in Instrumentation Engineering | GPA: 2.76

• Relevant Coursework: Control Systems, Process Automation, Electrical Circuit Analysis, Instrumentation Design
• Capstone Project: Built a web server using Siemens PLC S7-1200, integrating HTML and JavaScript for real-time control and monitoring.

A platform enabling users to explore, list, and exchange books with an intuitive user interface and scalable transaction workflows.

Tech Stack:

• Frontend: React, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MySQL
• State Management: Zustand

Description: Turnix helped refine my full stack development skills, from designing REST APIs to managing state with Zustand.

Built a real-time monitoring system for fluid values during valve activation, featuring historian trends, alerts, and automated reporting.

Tech Stack:

• Frontend: Vue 3, Quasar
• Backend: Node.js, Express.js
• Database: MSSQL

Description: This project challenged me to move from using low-code tools to building a full stack application, with complex backend logic and database integration.

Developed a real-time data monitoring and control system for production equipment at RedBull’s factory.

Tech Stack:

• Frontend: Vue2, SVG integration
• Backend: Node-RED
• Database: SQL Server

Description: This project allowed me to combine my automation expertise with web technologies, building a seamless SCADA-like interface.

Led the migration of a batch control system from Windows XP to Windows 11, modernizing SCADA and automation software.

Tech Stack:

• Legacy Code: Delphi, Pascal
• Database: SQL Server
• Automation: Siemens PLCs, Wonderware

Description: Migrating legacy systems taught me how to adapt and modernize complex infrastructure without interrupting production.

• Languages & Frameworks: TypeScript, JavaScript, React, Next, Vue.js, Node.js, Express.js, HTML, CSS, C#
• Styling: Tailwind CSS, Responsive Design
• Database Management: MySQL, SQL Server, PostgreSQL
• Tools & Platforms: Git, Docker, Postman, Prisma, Vite
• State Management: Zustand, Pinia
• API Development: RESTful APIs

• Programming: PLC Programming (Siemens S7-1500, 1200)
• System Integration: Industrial Communication, IoT
• Control Systems: HMI/SCADA (Wonderware, WinCC)
• Technical Expertise: Electrical Schematics, Siemens Sinamics Inverter Systems
• Project Management: System Migrations, Real-time Data Integration