บทบาท
Full Stack Developer
ปี
2026
ทีม
Solo Project
Tech Stack
Node.js, MySQL, Next.js
เว็บแอปพลิเคชันที่สร้างขึ้นเพื่อใช้เป็นพื้นที่ส่วนตัวในการรวบรวมและเผยแพร่สรุปเนื้อหาวิชาเรียน เอกสารเตรียมสอบ (Midterm/Final) และจดบันทึกต่างๆ (Lecture/Lab) ที่ทำมาอย่างต่อเนื่องตั้งแต่สมัยเรียนปี 1 โดยย้ายจากการแชร์ไฟล์ผ่าน Google Drive แบบเดิมมาพัฒนาเป็นแพลตฟอร์มของตัวเอง ฟีเจอร์หลักประกอบด้วยการจัดหมวดหมู่เอกสารอย่างเป็นระบบ (ตามปีการศึกษาและรายวิชา) ระบบแสดงผล PDF ภายในเว็บพร้อมปุ่มดาวน์โหลด ระบบจัดการเวอร์ชัน (Versions) ของเอกสาร ระบบติดตามยอดเข้าชมและยอดไลก์ รวมถึงการทำ Dynamic Open Graph (OG) เพื่อให้แสดงผล Metadata ได้อย่างสวยงามเมื่อแชร์ลิงก์ลงบนโซเชียลมีเดียแพลตฟอร์มอื่นๆ
01
ปัญหา
- การแชร์ไฟล์สรุปผ่าน Google Drive เมื่อมีจำนวนเอกสารมากขึ้นเรื่อยๆ (ตั้งแต่ปี 1) ทำให้การจัดหมวดหมู่และการค้นหาทำได้ลำบากและไม่เป็นระเบียบ
- ผู้ใช้งาน (เพื่อนๆ หรือรุ่นน้อง) ไม่สามารถดูพรีวิวเอกสารได้สะดวกในบางอุปกรณ์ และไม่มีระบบแจ้งเตือนหรือแสดงเวอร์ชันที่ชัดเจนเมื่อมีการแก้ไขหรืออัปเดตเนื้อหาในสรุป
- เมื่อแชร์ลิงก์เอกสารจากไดรฟ์ลงกลุ่มหรือโซเชียลมีเดีย หน้าตาของลิงก์ (Preview/Metadata) ไม่สวยงาม ไม่ดึงดูด และไม่สื่อความหมายชัดเจน
- ไม่มีระบบติดตามเพื่อดูผลตอบรับว่าสรุปวิชาไหนมีคนให้ความสนใจ หรือมีประโยชน์กับผู้อ่านมากน้อยแค่ไหน
02
แนวทางแก้ไข
- พัฒนาเว็บแอปพลิเคชันพร้อมระบบจัดหมวดหมู่และฟิลเตอร์เอกสารที่ชัดเจน แบ่งตามปีการศึกษา รายวิชา และประเภทของเอกสาร (Lecture, Lab, Midterm, Final)
- สร้างระบบ PDF Viewer ในตัวเว็บเพื่อให้ผู้ใช้อ่านสรุปได้ทันทีโดยไม่ต้องดาวน์โหลด พร้อมระบบจัดการเวอร์ชันเอกสาร (Versioning) เพื่อให้ผู้ใช้สามารถเข้าถึงไฟล์ที่มีการอัปเดตแก้ไขล่าสุดได้เสมอ
- พัฒนาระบบเก็บสถิติยอดเข้าชม (View Counter) และระบบกดไลก์ (Like System) เพื่อวัดผลตอบรับของเอกสารแต่ละชุด
- ปรับแต่ง SEO และระบบ Open Graph (OG) Tags แบบไดนามิก เพื่อให้แต่ละเอกสารมีภาพพรีวิว ชื่อวิชา และรายละเอียดที่สวยงามและเป็นมืออาชีพเมื่อถูกแชร์ไปยังแพลตฟอร์มต่างๆ
03
ผลลัพธ์
- ได้แพลตฟอร์มรวบรวมสรุปการเรียนที่เป็นระเบียบ ค้นหาง่าย และยกระดับประสบการณ์การอ่านเอกสารของเพื่อนๆ และรุ่นน้องได้ดีกว่าการใช้ Cloud Storage ทั่วไป
- ลิงก์ที่ถูกแชร์มีความสวยงาม ช่วยดึงดูดให้คนเข้ามาใช้งานและเข้าถึงสรุปวิชาเรียนได้มากขึ้น
- ทราบถึงความนิยมและผลตอบรับผ่านสถิติยอดวิวและยอดไลก์ ซึ่งช่วยเป็นกำลังใจและแนวทางในการปรับปรุงการทำสรุปในอนาคต
- สามารถบริหารจัดการเอกสาร อัปเดตเนื้อหา และจัดเก็บประวัติเวอร์ชันของไฟล์ได้อย่างเป็นระบบและมีประสิทธิภาพ
Project Gallery
PC - User interface
Mobile - User interface
