PhoMo

PhoMo เป็นสตูดิโอร่างไอเดียด้วย AI — บอกขอบเขตหรือปัญหาหนึ่งประโยค รับไอเดียโครงการ 5 แบบ แล้วพัฒนาแบบที่เลือกเป็นพิมพ์เขียว พร้อมแผนทำจริงและภาพคอนเซ็ปต์

เวอร์ชัน 2.0: ยกเลิก n8n แล้ว — ทุก workflow เดิมทำงานผ่าน Node.js + Express backend ที่เรียก Google Gemini API โดยตรง

1. ติดตั้ง

ต้องมี Node.js >= 18

npm install

2. ตั้งค่า Gemini API Key

1. เปิด https://aistudio.google.com/
2. สร้าง API key (ขึ้นต้นด้วย AIza...)
3. คัดลอก .env.example เป็น .env แล้วใส่คีย์:

cp .env.example .env
# แก้ไข .env ใส่ GEMINI_API_KEY=ของคุณ

ไม่ใส่คีย์ก็รันได้ — เว็บจะอยู่ใน โหมดตัวอย่าง (demo mode) ใช้ข้อมูลสำรองทั้งหมด เพื่อทดลอง UI ได้ครบทุกขั้นตอน

3. รันเว็บ

npm start

เปิด http://localhost:3000

รันแบบ auto-restart ระหว่างพัฒนา:

npm run dev

4. API (แทนที่ n8n webhooks เดิม)

Endpoint	แทน workflow เดิม	รับ	ส่งกลับ
POST /api/ideas	PhoMo_context (action: choose)	{scope, purpose, additional}	{ok, ideas:[{title, explanation, developmentTime}]}
POST /api/ideas/explain	PhoMo_context (action: explain)	{title, explanation}	{ok, plan:{idea, keyFeatures, howToMake, developmentMethod}}
POST /api/image	PhoMo_image	{prompt, description}	รูปภาพ (PNG)
GET /api/health	—	—	{gemini, textModel, imageModel}

ตรวจสอบสถานะ:

curl http://localhost:3000/api/health

ทดสอบสร้างไอเดีย:

curl -X POST http://localhost:3000/api/ideas \
  -H "Content-Type: application/json" \
  -d '{"scope":"การศึกษา","purpose":"business","additional":"ใช้เทคโนโลยี AI"}'

5. โครงสร้างโปรเจกต์

PhoMo/
├─ server.js          # Express backend (แทน n8n)
├─ demo-data.js       # ข้อมูลตัวอย่างสำหรับ demo mode
├─ .env.example       # ตัวอย่างไฟล์ตั้งค่า
├─ public/            # เว็บไซต์ (frontend)
│  ├─ index.html      # หน้าแรก
│  ├─ service.html    # ห้องร่างแบบ (form → sketches → blueprint)
│  ├─ contact.html    # ทีมผู้จัดทำ
│  ├─ css/            # base.css (design system) + ต่อหน้า
│  ├─ js/             # app.js (shared) + service.js (flow)
│  └─ img/
└─ N8N/               # (legacy) workflow เดิม เก็บไว้อ้างอิง

6. แชร์เว็บขึ้นอินเทอร์เน็ต (ถ้าต้องการ)

# Cloudflare Tunnel
cloudflared tunnel --url http://localhost:3000

# ngrok
ngrok http 3000

หมายเหตุ: อย่าลง .env หรือ API key ไว้ใน git