Watcharapong Rodpong Portfolio

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

https://w-rodpong-profile.vercel.app # Portfolio Website - Watcharapong Rodpong เว็บไซต์ Portfolio ส่วนตัวสำหรับนักพัฒนา สร้างด้วย **Vite + React + Tailwind CSS** พร้อมดีไซน์แบบ Modern, Minimal และ Professional โดยใช้ข้อมูลจาก `profile.txt` ## คุณสมบัติหลัก - หน้า Portfolio แบบ Responsive รองรับ Mobile, Tablet และ Desktop - Dark Theme เป็นค่าเริ่มต้น ใช้โทนสี Zinc/Slate จาก Tailwind CSS - Animation แบบ scroll reveal ด้วย Framer Motion - แยกโค้ดเป็น Component อ่านง่ายและต่อยอดสะดวก - ใช้ไอคอนจาก Lucide React - มีส่วนแสดงข้อมูลสำคัญ ได้แก่ Hero, Skills, Experience, Projects และ Contact - Contact รวม GitHub, LinkedIn, Email และ Kaggle ## เทคโนโลยีที่ใช้ - Vite - React - Tailwind CSS - Framer Motion - Lucide React ## การติดตั้ง ติดตั้ง dependencies: ```bash npm install ``` > หากใช้ PowerShell บน Windows แล้วเจอปัญหา execution policy กับ `npm.ps1` ให้ใช้ `npm.cmd` แทน เช่น `npm.cmd install` ## การรันโปรเจกต์ เริ่ม dev server: ```bash npm run dev ``` หรือบน Windows: ```bash npm.cmd run dev ``` จากนั้นเปิดในเบราว์เซอร์: ```text http://127.0.0.1:5173 ``` ## การ Build สำหรับ Production ```bash npm run build ``` หรือ: ```bash npm.cmd run build ``` ไฟล์ที่ build แล้วจะอยู่ในโฟลเดอร์ `dist` ## โครงสร้างโปรเจกต์ ```text . ├── index.html ├── package.json ├── postcss.config.js ├── tailwind.config.js ├── vite.config.js ├── profile.txt └── src ├── App.jsx ├── main.jsx ├── styles.css ├── data │ └── profile.js └── components ├── Contact.jsx ├── Experience.jsx

โดย Lighting1427 · ดูโพสต์ต้นทาง