Natthapon Potinam Portfolio

เจ้าของผลงานเล่าไว้แบบนี้

https://natthapon-potinam.vercel.app/ # Natthapon Potinam Portfolio เว็บไซต์ Portfolio เชิงวิชาการของ Natthapon Potinam นักศึกษาวิทยาการคอมพิวเตอร์ที่สนใจด้าน System Analysis, AI, IoT และการออกแบบ Software Solution เว็บไซต์ประกอบด้วยหน้า Portfolio หลักและหน้า Case Study ของโครงงาน 4 รายการ ## เทคโนโลยีที่ใช้ - Next.js 16 (App Router) - React - TypeScript - Tailwind CSS - Lucide React - `next/image` ## การติดตั้ง ```bash npm install ``` ## Development ```bash npm run dev ``` เปิด `http://localhost:3000` ในเบราว์เซอร์ ## Lint ```bash npm run lint ``` ## Type Check ```bash npm run typecheck ``` ## Build ```bash npm run build ``` ## Production ```bash npm run start ``` ## โฟลเดอร์สำคัญ - `src/app` — Route, Layout, Metadata และ Global Styles - `src/components` — Component ของ Layout, Section, Project และ UI ที่นำกลับมาใช้ซ้ำ - `src/config` — การตั้งค่า Profile, Education, Contact และ Animation - `src/data` — เนื้อหา Navigation, Projects, Skills, Certificates และ Activities - `src/types` — TypeScript Interface ส่วนกลาง - `public/images` — รูป Profile, Project, Certificate, Activity และ Placeholder - `public/images/projects/smart-lab/analysis/` — Use Case และ ER Diagram ของ Smart Lab - `public/images/database-exercises/` — ตัวอย่างแบบฝึกหัด Database Modeling ## รูปภาพที่รองรับ รองรับ PNG, JPG, JPEG, WebP และ SVG ผ่าน `SmartImage` โดย Path ของรูปอยู่ใน Data File หรือ Config จึงเปลี่ยนนามสกุลได้โดยไม่ต้องแก้ Component รูปควรใช้ชื่อภาษาอังกฤษ ตัวพิมพ์เล็ก และขีดกลางแทนช่องว่าง รูป Diagram ควรมีความละเอ

โดย Natthapon-1660700020 · ดูโพสต์ต้นทาง