RotFaiCheck

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

https://love1cat2567-glitch.github.io/train-schedule-website/ # 🚆 RotFaiCheck — ระบบตรวจสอบรอบและตารางเวลารถไฟไทย > เว็บไซต์ระบบตรวจสอบรอบรถไฟ ตารางเวลาเดินรถ สถานะขบวนรถประจำสถานี และอัตราค่าโดยสาร > พัฒนาจาก UI Mockup ใน Figma สู่เว็บไซต์ที่ใช้งานได้จริง (Live Website) --- ## 🌐 Live Website **URL:** https://love1cat2567-glitch.github.io/train-schedule-website/ --- ## 🎨 Figma Design **URL:** [วางลิงก์ Figma ต้นฉบับที่ตั้งค่า Public แล้วที่นี่] --- ## 🎯 Project Objectives 1. เพื่อแปลงผลงานการออกแบบ UI/UX จาก Figma มาเป็นเว็บไซต์จริงที่เข้าถึงได้ผ่านอินเทอร์เน็ต 2. เพื่อพัฒนาระบบตรวจสอบรอบรถไฟ ตารางเวลาขบวนรถ ข้อมูลสถานี และอัตราค่าโดยสารรถไฟไทย 3. เพื่อฝึกฝนการจัดการข้อมูลแบบจำลองฐานข้อมูล (Mock Database) ด้วย JavaScript ล้วน โดยไม่ต้องพึ่งพา Backend Server 4. เพื่อรองรับการแสดงผลทุกขนาดหน้าจอ (Responsive Design — Desktop และ Mobile) 5. เพื่อฝึกการใช้ Git และ GitHub ในการควบคุมเวอร์ชันและเผยแพร่โปรเจกต์จริง 6. เพื่อใช้ AI อย่างโปร่งใส ตรวจสอบผลลัพธ์ และรับผิดชอบต่อความถูกต้องของโค้ดทั้งหมด --- ## 🛠️ Technology Stack | หมวด | เครื่องมือที่ใช้ | รายละเอียด | |------|----------------|-----------| | **Design** | Figma | ออกแบบ UI/UX Mockup ทุกหน้าก่อนลงมือพัฒนา | | **Frontend** | HTML5, CSS3, JavaScript (ES6) | โครงสร้างหน้าเว็บ สไตล์ และ Logic ทั้งหมด | | **CSS / UI** | Vanilla CSS + Flexbox + CSS Grid | เขียน CSS เองทั้งหมด ไม่ใช้ Framework CSS | | **Framework** | ไม่ใช้ Framework | เป็น Static HTML/CSS/JS ล้วน เพื่อความเรียบง่าย | | **Build Tool** | ไม่มี (เปิดไฟล์ HTML โดยตรง) | ไม่ต้อง Build หรือ Compile ใดๆ | | **Ass

โดย love1cat2567-glitch · ดูโพสต์ต้นทาง