จากวิศวกรรมเคมี สู่การสร้างผลิตภัณฑ์เว็บ Fullstack
ผมเปลี่ยนสายจากวิศวกรรมเคมีมาเป็นนักพัฒนาเว็บ Fullstack เพราะชอบกระบวนการสร้างผลิตภัณฑ์ตั้งแต่เริ่มต้น ผมเน้นสร้างแอพที่ Responsive และมีประสิทธิภาพด้วย React/Next.js และ NestJS โดยใช้ AI เป็นผู้ช่วยในการจัดการงาน Boilerplate เพื่อให้ผมโฟกัสกับสถาปัตยกรรมที่แข็งแกร่งและส่งมอบโค้ดที่สะอาดและดูแลรักษาง่าย
ผลงานที่โดดเด่น
โปรเจกต์ที่คัดสรรเพื่อแสดงประสบการณ์ด้าน Frontend และ Fullstack ของผม
เว็บไซต์พอร์ตโฟลิโอสำหรับนักพัฒนา พร้อมดีไซน์ที่ Responsive และการจัดแสดงโปรเจกต์แบบ Dynamic
เว็บเรซูเม่ดิจิทัลระดับมืออาชีพ พร้อมเลย์เอาต์ที่ปรับให้เหมาะกับ A4 และความสามารถในการ Export เป็น PDF คุณภาพสูง
บล็อกสำหรับนักพัฒนาแบบมินิมอล รองรับ Markdown สำหรับเขียนบทความเทคนิค
แพลตฟอร์มเล่าเรื่องที่ขับเคลื่อนด้วย AI สำหรับสร้างและแชร์เรื่องราวสร้างสรรค์
แพลตฟอร์ม E-commerce ที่สวยงาม เน้นประสบการณ์ผู้ใช้ที่ราบรื่นและการจัดการสินค้าคงคลังที่มีประสิทธิภาพ
แดชบอร์ดจัดการภายในที่แข็งแกร่ง สำหรับดำเนินการโรงแรม การจองห้องพัก และการดูแลแขก
แพลตฟอร์มจองทัวร์ระดับพรีเมียม สำหรับค้นหาและจองทัวร์ที่คัดสรรมาแล้ว
พอร์ทัลจัดการที่ครอบคลุมสำหรับดำเนินการทัวร์และวิเคราะห์รายได้
เครื่องมือที่ผมใช้
ภาพรวมเครื่องมือและเทคโนโลยีที่ผมใช้ในโปรเจกต์ต่างๆ
- • สร้าง UI ที่ Responsive และ Component-driven พร้อมเลย์เอาต์ที่ใช้ซ้ำได้
- • คุ้นเคยกับ State Pattern และ Component Composition
- • คุ้นเคยกับ App Router, เลย์เอาต์ และโครงสร้างโปรเจกต์
- • ใช้ Next.js สำหรับโปรเจกต์พอร์ตโฟลิโอและแอพระดับ Production
- • ใช้ TypeScript ในทุกโปรเจกต์แทน JavaScript
- • กำลังเรียนรู้การ Model ข้อมูลและ API อย่างเข้มงวดมากขึ้น
- • เข้าใจ Async Pattern และพื้นฐานการพัฒนา API
- • มีประสบการณ์กับ Routing, Middleware และ Error Handling
- • ชอบสถาปัตยกรรมที่เป็นระบบและ DI Pattern
- • ใช้ NestJS สำหรับ API ที่ Scale ได้พร้อมขอบเขต Module ที่ชัดเจน
- • คุ้นเคยกับการออกแบบ Schema, Relationship และ Joins
- • ยังคงศึกษา Optimization และ Indexing Best Practice
- • เข้าใจ Document Modeling และ Query พื้นฐาน
- • ลองใช้ Supabase สำหรับ BaaS + Postgres Prototype
- • ใช้ Docker Compose สำหรับพัฒนา Fullstack แบบ Local
- • ใช้ Environment เพื่อทดสอบ API ในขั้นตอนพัฒนา
- • เขียนเอกสาร API เพื่อให้ Endpoint ชัดเจนและสม่ำเสมอ
- • บังคับใช้มาตรฐานโค้ดด้วย ESLint และ Prettier
- • ใช้ Zod สำหรับ Schema Validation เข้มงวดเพื่อความถูกต้องของข้อมูล
- • ใช้ AI เร่งความเร็วในการพัฒนาและลดงาน Boilerplate
- • ใช้ AI เป็นพาร์ทเนอร์เชิงกลยุทธ์ในการ Brainstorm สถาปัตยกรรมและ Debug ปัญหาซับซ้อน
- • รับรองคุณภาพโค้ดด้วยการ Review ข้อเสนอแนะจาก AI ทุกชิ้นด้วยตนเอง
เรียนรู้ด้วยการลงมือทำ พัฒนาขึ้นในทุกโปรเจกต์
ผมชอบโปรเจกต์แบบ End-to-End เพราะมันผลักดันให้คิดเรื่อง UI, API และข้อมูลไปพร้อมกัน
เส้นทางของผมเริ่มต้นจากพื้นฐาน React และ Next.js แต่ไม่นานผมก็ตระหนักถึงความสำคัญของการเข้าใจทั้งวงจร นำไปสู่การสำรวจ Backend เริ่มจาก Node.js/Express และในที่สุดก็พบที่ที่ใช่ในโลกของ NestJS และ PostgreSQL ที่เป็นระบบและเต็มไปด้วย Pattern
ผมพึ่งพาชุดเครื่องมือที่แข็งแกร่ง รวมถึง Docker สำหรับสภาพแวดล้อมการพัฒนาและ Swagger สำหรับความชัดเจนของ API เมื่อเร็วๆ นี้ ผมได้นำ AI มาใช้ในเวิร์กโฟลว์ประจำวัน ไม่ใช่แค่เป็นเครื่องสร้างโค้ด แต่เป็นพาร์ทเนอร์เชิงกลยุทธ์ในการทดสอบไอเดียและลดงานซ้ำซ้อน เพื่อให้ผมโฟกัสกับ Logic ที่มีผลกระทบสูง
ผมเชื่อว่าการเป็นนักพัฒนาคือการเป็นนักเรียนตลอดชีวิต ตอนนี้ผมกำลังเจาะลึกการเชี่ยวชาญสถาปัตยกรรมระบบที่ซับซ้อน ปรับปรุง Data Validation Pattern ด้วย Zod และทำให้ทุกโปรเจกต์ที่ส่งมอบมี DX (Developer Experience) ที่แข็งแกร่ง
มาทำงานด้วยกัน
เปิดรับการร่วมงานพัฒนาผลิตภัณฑ์ งานฟรีแลนซ์ และโอกาสงานประจำ
สำหรับสอบถามโปรเจกต์หรือร่วมงาน อีเมลผมได้ที่ seereen.wk@gmail.com.