Hi, My name is Pann Kaansadich

Graduated from Advertising Field

Working as a Freelance Fullstack Developer

bg_pannks

PROJECTS

My Coding Project

Mini Projects
JavascriptReact

Mini Projects

รวมโปรเจคขนาดเล็กที่ทำเล่นๆ ไว้ใช้ประโยชน์ในงานจิปาถะต่างๆ

Pann's Website V3
Next.JsTypescriptSassMDX

Pann's Website V3

เว็บนี้นี่เอง ใช้ Next.JS + Typescript เขียน หลังจากที่เริ่มชินกับ React แล้ว ซึ่งเว็บนี้เป็น V3 เพราะว่าปรับมาจากของเก่าที่เขียนด้วย PHP + Vanilla Javascript ES6+ ซึ่งยังอยู่บน Host เดิม เว็บนี้ก็ไม่ได้มีอะไรมาก ไว้รวบรวมงานต่างๆไว้ในที่เดียว

Ata bubble tea With Ordering System
ReactJavascriptReduxSassPHPFirebase

Ata bubble tea With Ordering System

เป็น Official Website ของร้านแอทต้าบั๊บเบิ้ลที ตัวเว็บไม่มีอะไร แต่ลูกเล่นคือมีระบบสั่งน้ำแล้วไปรับที่ร้าน (Order&Pick Up Feature) ซึ่งจะกดสั่งผ่าน Line Rich Menu (ใช้ Line Liff) เพื่อให้สามารถนำข้อมูลลูกค้าจากไลน์มาใช้ยืนยันตัวตนในการสั่งเครื่องดื่มผ่านทางร้าน

Pilates Nonthaburi
ReactTypescriptReact QueryStyled ComponentsSupabase

Pilates Nonthaburi

เว็บนี้ปรับปรุงมาแล้วหลายเวอร์ชั่น(ปัจจุบัน V.2.0.10) เป็นเว็บแอปพลิเคชั่นหลังบ้าน หรือ CRM ของสตูดิโอพิลาทิส นนทบุรี เพื่อดำเนินกิจกรรมต่างๆของลูกค้า เช่น การเช็คอิน ประวัติการซื้อ-ใช้คลาสเรียน ซึ่งปัจจุบันมีลูกค้าอยู่บนฐานระบบมากกว่า 300 ราย

Captain Quick Riders App
React NativeExpoTypescriptReact QueryFirebaseCloud FunctionExpress

Captain Quick Riders App

แอปไรเดอร์ที่ใช้เวลาสร้างอย่างรวดเร็วจาก react native โดยมีฟีเจอร์ที่สำคัญ ตั้งแต่รับสมัครไรเดอร์ การรับงาน การดูรายละเอียดงาน จนถึงการจบงาน โดยเป็นไปตามนโยบายการจัดส่งที่กำหนดไว้ ซึ่งแอปนี้มีเป้าหมายในการจัดส่งอาหารประเภทเครื่องดื่มและของหวานที่ต้องการความรวดเร็วในการรับออเดอร์ไปจนถึงจัดส่ง ปัจจุบันยังทดลองใช้ในพื้นที่ขนาดเล็ก มีไรเดอร์เข้าร่วมในระบบแล้วกว่า 10 คน

PLATFEST | Solutions for your Business
Next.js

PLATFEST | Solutions for your Business

เว็บเพื่อรองรับงานเขียนเว็บแบบปรับแต่ง เว็บหลังบ้าน สร้างแบรนด์ หรือบริการอื่นๆ อย่างเป็นมืออาชีพและเป็นทางการ เพื่อช่วยแก้ไขปัญหาทางธุรกิจที่คุณพบเจอ

USED TOOLS

Frontend

เป็นส่วนที่ชอบมาก รู้สึกสนุก และเห็นการเปลี่ยนแปลงได้อย่างรวดเร็ว อาจมีความซับซ้อนในแง่ State & Query Management บ้าง แต่ยังรู้สึกเข้าใจและพยายามทำให้ดีได้ ตอนนี้เนื่องจากเริ่มชินกับ React + Typescript แล้ว จึงพยายามฝึกเขียน Lean Code + เขียนให้เข้าใจง่าย มีระเบียบ และคำนึงถึง Performance เช่น Bundle Size, การ Render เท่าที่จำเป็น รวมถึงจุดประสงค์ของเว็บ เช่น ต้องการ SEO หรือเป็นเว็บหลังบ้าน

React

NextJs

Typescript

Javascript

Sass

Styled Components

Redux

React Query

Backend & Database

เป็น Part ที่ท้าทายและหากออกแบบวางแผน ERD มาดีก็จะทำให้ทุกอย่างในอนาคตราบรื่น นอกจากนี้ผมยังพยายามที่จะใส่ใจการออกแบบ api endpoint รวมถึง authentication เพื่อให้ระบบมีความปลอดภัย แม้ผู้ใช้ในระดับ user อาจมองข้ามในส่วนนี้ แต่ก็ถือว่าเป็นส่วนที่มองข้ามไปไม่ได้

PHP

Node.js

Python

Golang

Deno

Bun

Supabase

MySql

Postgres

Stripe

Prisma

DevOps

พอเริ่มทำงานที่ซับซ้อนมากขึ้นเช่นการคุยกันของหลายๆ services ผมก็ต้องมาพึ่งพาในส่วนการ manage contact มากขึ้นด้วย ดังนั้นทำให้ผมได้เรียนรู้ที่จะพยายามฝึกทำงานอย่างเป็นระบบและรองรับการ scalability โดยไม่ให้กินค่าใช้จ่ายมากจนเกินไป โดยถ้าเป็นเว็บขนาดเล็กก็อาจเลือกใช้ serverless ได้ แต่ถ้ามันเริ่มจะซับซ้อนหรือบางอย่างเรามองว่าเอามา manage เองดีกว่า aws หรือ google cloud ก็จะเริ่มเข้ามามีบทบาท ในตอนนี้ผมยอมรับว่าอาจจะยังไม่เก่งในส่วนนี้ แต่เริ่มเข้าใจภาพว่าระบบใหญ่ๆนั้นทำงานอย่างไร และจะพยายามฝึกไปเรื่อยๆครับ

Github

Github Actions

Docker

Kubernetes

AWS

Google Cloud

Firebase

Mobile

ปฏิเสธไม่ได้ว่าพอมาถึงจุดนึง ความสามารถของเว็บอาจไม่ตอบโจทย์ความต้องการใช้งานของผู้ใช้ เช่น Notification หรือความคุ้นชินอื่นๆ ประกอบกับผมเห็นบริษัทต่างๆเริ่มมีแอปของตัวเอง จึงได้เริ่มเขียนแอป และเข้าใจอะไรหลายๆอย่าง ผมต้องบอกก่อนเลยว่าเคยเรียน flutter มาจากมหาลัย จากนั้นมาเรียนรู้จาก Ionic ก่อน แต่สุดท้ายมาพบว่า React Native นี่แหละ ตอบโจทย์ทั้ง library ข้างเคียง การ test การ deploy ถ้าใครอยากเขียนแอป ผมแนะนำเลย react native เลยง่ายกว่า flutter มากๆ ถ้ายิ่งเขียน react เป็นคือสบายเลย

Flutter

React Native

Expo

Ionic

PWA

Design Tools

เดิมมีพื้นฐานการทำ Graphic Design อยู่แล้ว พอผนวกกับ UX/UI design รู้สึกเป็นศาสตร์ที่ชอบมากๆ ทำให้เกิดความ Connect กับ User ทั้งด้าน Visual ,Psychology และ ประสบการณ์การใช้งานที่เข้าถึงได้มากกว่า Plain Graphic เช่นการถ่ายทอด Data Visualization + Persuade กิจกรรมของ User

Figma

Photoshop

Illustrator

Premiere Pro

After Effect

CONTACT ME