README.md

4.91 KB
28/01/2026 04:12
MD
# 💖 Valentine's Day Website Collection

โปรเจ็ครวบรวมเว็บไซต์วาเลนไทน์ที่สร้างโดย AI จากค่ายต่างๆ พร้อมแอนิเมชันสวยงาม

## 📝 รายละเอียดโปรเจ็ค

โปรเจ็คนี้เป็นการทดลองสร้างเว็บไซต์วาเลนไทน์ด้วย AI จากหลายค่าย โดยใช้ prompt เดียวกัน เพื่อเปรียบเทียบความสามารถในการออกแบบและพัฒนาเว็บไซต์

### 🎯 Prompt ที่ใช้
```
create beautiful website for valentine day with full animation
```

### 🤖 AI Models ที่ใช้ในการสร้าง

โปรเจ็คนี้รวบรวมเว็บไซต์ที่สร้างโดย AI หลายค่าย แต่ละค่ายมีสไตล์และแนวทางการออกแบบที่แตกต่างกัน:

- **Claude** - Anthropic's AI
- **DeepSeek** - DeepSeek AI
- **GLM** - GLM AI
- และอื่นๆ (ตามโฟลเดอร์ในโปรเจ็ค)

## 🚀 การใช้งาน

### วิธีการเปิดดู

1. เปิดไฟล์ `index.html` ในโฟลเดอร์หลักเพื่อดูรายการเว็บไซต์ทั้งหมด
2. หรือเข้าไปในแต่ละโฟลเดอร์และเปิดไฟล์ `index.html` โดยตรง

### โครงสร้างโปรเจ็ค

```
valentine26/
├── README.md           # ไฟล์นี้
├── index.html         # หน้าหลักแสดงรายการเว็บไซต์ทั้งหมด
├── songs/             # ไฟล์เพลงสำหรับใช้ในเว็บไซต์
│   └── OneMyChoose.mp3
├── claude/            # เว็บไซต์สร้างโดย Claude AI
│   ├── index.html
│   └── style.css
├── deepseek/          # เว็บไซต์สร้างโดย DeepSeek AI
│   └── index.html
├── glm/               # เว็บไซต์สร้างโดย GLM AI
│   └── index.html
└── [อื่นๆ]/           # เว็บไซต์จาก AI ค่ายอื่นๆ
```

## ✨ คุณสมบัติ

เว็บไซต์แต่ละเวอร์ชันมีคุณสมบัติที่แตกต่างกัน แต่โดยทั่วไปจะมี:

- 💝 แอนิเมชันหัวใจที่สวยงาม
- 🎵 เพลงประกอบ (Play/Pause)
- ⏱️ Countdown ถึงวันวาเลนไทน์
- 💌 ข้อความรักโรแมนติก
- 🎨 ดีไซน์ที่สวยงามและทันสมัย
- 📱 Responsive Design รองรับทุกอุปกรณ์

## 🛠️ เทคโนโลยีที่ใช้

- **HTML5** - โครงสร้างเว็บไซต์
- **CSS3** - การออกแบบและแอนิเมชัน
- **Vanilla JavaScript** - ฟังก์ชันการทำงานและ Interactive
- **Font Awesome** - ไอคอน
- **Google Fonts** - ฟอนต์สวยงาม

## 👨‍💻 ผู้พัฒนา

**Goragod Wiriya**
- Website: [https://code.goragod.com](https://code.goragod.com)

## 📄 License

This project is created for educational and demonstration purposes.

## 🎉 การเปรียบเทียบ

แต่ละ AI มีจุดเด่นที่แตกต่างกัน:

- **ความคิดสร้างสรรค์**: การออกแบบและแนวคิดที่แตกต่างกัน
- **คุณภาพโค้ด**: โครงสร้างและการจัดการโค้ด
- **แอนิเมชัน**: ความซับซ้อนและความสวยงามของแอนิเมชัน
- **ประสบการณ์ผู้ใช้**: ความง่ายในการใช้งานและ Interactive

## 📝 หมายเหตุ

- ไฟล์เพลงอยู่ในโฟลเดอร์ `songs/` และใช้ร่วมกันทุกเวอร์ชัน
- แต่ละเวอร์ชันสามารถทำงานได้อิสระจากกัน
- สามารถปรับแต่งและพัฒนาต่อได้ตามต้องการ

---

💖 Made with Love and AI | Valentine's Day 2026