# คู่มือการใช้งาน Megatron Portfolio

เว็บไซต์พอร์ตโฟอลิโอของชุมนุม Megatron - กลุ่มวิศวกรรมเมคาทรอนิกส์

## 🌐 ภาษา

เว็บไซต์นี้รองรับ 2 ภาษา:
- **ภาษาอังกฤษ** (English)
- **ภาษาไทย** (Thai)

สามารถสลับภาษาได้โดยคลิกปุ่ม **TH/EN** ที่มุมขวาบนของเมนู

## 📋 โครงสร้างเว็บไซต์

### หน้าหลัก (Main Page)
- **Hero Section**: แนะนำชุมนุมและปุ่มเข้าสู่โปรเจกต์
- **About Section**: ข้อมูลเกี่ยวกับชุมนุม
- **Projects Section**: แสดงโปรเจกต์ต่างๆ
- **Contact Section**: แบบฟอร์มติดต่อ
- **Footer**: ข้อมูลการติดต่อและลิงก์โซเชียลมีเดีย

### โปรเจกต์

#### 1. MegaCode
แพลตฟอร์มการเขียนโปรแกรมภาษา Python บนเบราว์เซอร์
- คลิก **Launch Project** เพื่อเข้าใช้งาน
- มีคู่มือการใช้งานโดยคลิกปุ่ม 📄 ในเมนู

#### 2. CodeType
เกมฝึกพิมพ์โค้ดสำหรับภาษาโปรแกรมต่างๆ
- รองรับ Python, JavaScript, C, Rust, Go, Java, Lua, TypeScript
- ฝึกฝนไวยากรณ์และคำหลักภาษาโปรแกรม

## 🎨 ฟีเจอร์

### โหมดสี (Theme)
- **Dark Mode**: โหมดมืด (ค่าเริ่มต้น)
- **Light Mode**: โหมดสว่าง
- สลับโหมดได้โดยคลิกปุ่ม ☀️/🌙 ในเมนู

### การตอบสนอง (Responsive)
- รองรับทุกขนาดหน้าจอ
- Mobile-first design
- สามารถใช้งานได้ดีบนโทรศัพท์, แท็บเล็ต, และคอมพิวเตอร์

## 📧 การติดต่อ

### แบบฟอร์มติดต่อ
- กรอกข้อมูลในแบบฟอร์มที่ส่วน Contact
- ชื่อ, อีเมล, หัวข้อ, และข้อความ
- คลิก **Send Message** เพื่อส่ง

### ช่องทางอื่น
- **Instagram**: [@megatron_ubu](https://www.instagram.com/megatron_ubu/)
- **Facebook**: [megatronubu](https://www.facebook.com/megatronubu)
- **TikTok**: [@megatronubu](https://www.tiktok.com/@megatronubu)
- **GitHub**: [@knixnkk](https://github.com/knixnkk)

## 🔧 การพัฒนา

### การติดตั้ง
```bash
# Clone repository
git clone <repository-url>
cd Megatron

# Install dependencies
npm install

# Build project
npm run build

# Preview locally
npm run dev
```

### การ Deploy
```bash
# Deploy to Cloudflare Pages
npm run deploy
```

## 📄 เอกสารเพิ่มเติม

- คู่มือการใช้งาน MegaCode: [คู่มือการใช้งาน.md](MegaCode/คู่มือการใช้งาน.md)
- GitHub Repository: [knixnkk/megatron](https://github.com/knixnkk)

---

**ขอให้สนุกกับการเรียนรู้และพัฒนา! 🚀**

หากมีข้อสงสัยเพิ่มเติม สามารถติดต่อชุมนุม Megatron ได้