TOEFL Writing Lab · English → ไทย

แอปแปลภาษาอังกฤษ-ไทย ดูความหมายรายคำ และปรับสำนวนแบบ TOEFL
ใช้งานผ่านเว็บเบราเซอร์ ไม่ต้องติดตั้ง — รองรับ iPhone Home Screen

---

วิธี Deploy บน GitHub Pages

1. สร้าง Repository ใหม่

1. ไปที่ github.com/new
2. ตั้งชื่อ repo เช่น toefl-lab
3. เลือก Public
4. กด Create repository

2. อัปโหลดไฟล์

git clone https://github.com/<your-username>/toefl-lab.git
cd toefl-lab

# คัดลอกไฟล์ทั้งหมดจากโฟลเดอร์นี้ลงใน repo แล้ว:
git add .
git commit -m "Initial deploy"
git push origin main

หรืออัปโหลดผ่านหน้าเว็บ GitHub ได้เลย (ลาก-วางไฟล์ทั้งหมด)

3. เปิด GitHub Pages

1. เข้า repo → Settings → Pages
2. Source: เลือก Deploy from a branch
3. Branch: main / / (root) → Save
4. รอ ~1 นาที แล้วเปิด https://<your-username>.github.io/toefl-lab/

4. ใส่ Anthropic API Key

เมื่อเปิดแอปครั้งแรก ใส่ API Key ในช่องบนสุด
Key จะถูกบันทึกไว้ใน localStorage ของ browser (ไม่ส่งไปที่ใดนอกจาก Anthropic API)

• รับ API Key ได้ที่ console.anthropic.com

---

วิธีเพิ่มลงหน้าจอ iPhone (Add to Home Screen)

1. เปิด URL ของแอปใน Safari (ต้องใช้ Safari เท่านั้น)
2. กดปุ่ม ⎙ Share (ไอคอนกล่องมีลูกศรชี้ขึ้น) ที่แถบล่าง
3. เลือก "Add to Home Screen"
4. กด Add มุมขวาบน

แอปจะปรากฏบน Home Screen เหมือนแอปทั่วไป เปิดแบบ Fullscreen ไม่มี browser bar

---

โครงสร้างไฟล์

toefl-lab/
├── index.html        # แอปหลัก (ไฟล์เดียว รวม CSS + JS)
├── manifest.json     # Web App Manifest (สำหรับ PWA)
├── sw.js             # Service Worker (cache + offline)
├── icons/
│   ├── icon-192.png  # App icon สำหรับ Android
│   └── icon-512.png  # App icon ขนาดใหญ่
└── README.md

---

ฟีเจอร์

ฟีเจอร์	รายละเอียด
🔤 แปลประโยค	แปล EN→TH แบบธรรมชาติ
👆 แตะคำ	ดูชนิดคำ IPA คำเหมือน และตัวอย่างประโยค
📝 TOEFL Rewrite	ปรับประโยคให้เป็นสำนวนวิชาการ พร้อมคำอธิบาย
📱 iPhone PWA	Add to Home Screen ใช้งานแบบ fullscreen
🌐 GitHub Pages	Deploy ฟรี ไม่ต้องมี server
🔑 API Key	ใส่ครั้งเดียว บันทึกใน browser