Vutthikorn Portfolio Website

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

https://fumisaki-g.github.io/Portfolio/ # Vutthikorn Portfolio Website ## เกี่ยวกับโปรเจกต์นี้ เว็บไซต์ Portfolio ส่วนตัวของ **นายวุฒิกร ปั้นนาค (Vutthikorn Pannakh)** นักเรียนชั้นมัธยมศึกษาปีที่ 6 แผนการเรียนวิทยาศาสตร์–คณิตศาสตร์ จัดทำขึ้นเพื่อรวบรวมประวัติ ทักษะ กิจกรรม ผลงาน และเกียรติบัตรของผู้จัดทำไว้ในที่เดียว สำหรับใช้ประกอบการยื่นสมัครเข้าศึกษาต่อระดับมหาวิทยาลัย เว็บไซต์นี้ไม่ใช่แค่หน้าประวัติ แต่คือผลงานที่ผู้จัดทำ **ออกแบบ เขียนโค้ด และแก้ปัญหาด้วยตนเองทั้งหมด** ตั้งแต่โครงสร้างหน้าเว็บไปจนถึงการเชื่อมต่อฐานข้อมูล เพื่อสะท้อนให้เห็นว่าผู้จัดทำมีความสนใจด้านเทคโนโลยีจากการลงมือทำจริง ไม่ใช่เพียงความรู้ทางทฤษฎี ### จุดเด่นของเว็บไซต์ - **ทำเองตั้งแต่ต้น** — วางโครงสร้าง HTML และออกแบบ CSS ด้วยตนเองทั้งหมด - **มีระบบหลังบ้านจริง** — เชื่อมต่อฐานข้อมูล Supabase เพื่อบันทึกผู้เข้าใช้งาน ไม่ใช่เว็บสถิตธรรมดา - **แยกข้อมูลออกจากหน้าเว็บ** — ใช้ไฟล์ JSON ร่วมกับ Fetch API ทำให้แก้ไข/เพิ่มข้อมูลได้ง่ายโดยไม่ต้องแก้โค้ดหน้าเว็บ - **ใช้งานได้จริงและอัปเดตต่อเนื่อง** — เผยแพร่บน GitHub Pages และมีบันทึกพัฒนาการ (Development Log) ตั้งแต่วันแรกจนถึงปัจจุบัน - **ใช้ AI อย่างมีขอบเขต** — ใช้เป็นเครื่องมือช่วยศึกษา/แนะแนวทางในบางจุด (เช่น JavaScript บางส่วน) แต่ผู้จัดทำเป็นผู้ตัดสินใจ ตรวจสอบ และแก้ไขโค้ดเองเสมอ ### เทคโนโลยีที่ใช้ (โดยสรุป) `HTML5` · `CSS3` · `JavaScript` · `JSON + Fetch API` · `Supabase` · `Git / GitHub` · `GitHub Pages` *(รายละเอียดเชิงลึกของแต่ละเทคโนโลยีอยู่ในหัวข้อ "เทคโนโลยีและเครื่องมือที่ใช้" ด้านล่าง)* ## ที่มาและแรงบันดาลใจ ผู้จัดทำมีความสนใจเกี่ยวกับคอมพิวเตอร์และเทคโนโลยีมาตั้งแต

โดย fumisaki-g · ดูโพสต์ต้นทาง