---
title: Share YouTube App
emoji: 📺
colorFrom: red
colorTo: blue
sdk: gradio
sdk_version: 4.44.0
app_file: app.py
pinned: false
license: mit
---

# Share YouTube App 📺

แอปพลิเคชันง่ายๆ สำหรับแชร์ลิงก์ YouTube พร้อมโน๊ตสั้นๆ ที่ผู้ใช้สามารถถูกใจและคอมเมนต์ได้

## ฟีเจอร์

- ✅ แชร์ลิงก์ YouTube พร้อมโน๊ตสั้นๆ
- ✅ แสดงผลวิดีโอ YouTube แบบ embed
- ✅ ระบบถูกใจ (Like)
- ✅ ระบบคอมเมนต์
- ✅ UI ที่สวยงามและใช้งานง่าย
- ✅ รองรับการใช้งานบนมือถือ

## การใช้งาน

1. กรอกชื่อของคุณ
2. ใส่ลิงก์ YouTube ที่ต้องการแชร์
3. เขียนโน๊ตสั้นๆ เกี่ยวกับวิดีโอ
4. กดปุ่ม "แชร์"
5. ดูลิงก์ที่แชร์ในฟีดด้านล่าง
6. สามารถถูกใจและคอมเมนต์ได้

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

- **Backend**: Flask (Python)
- **Database**: SQLite
- **Frontend**: HTML, CSS, JavaScript
- **UI Framework**: Font Awesome Icons
- **Styling**: Custom CSS with Gradient Background

## การติดตั้งและรันในเครื่อง

```bash
# Clone repository
git clone <repository-url>
cd facebook-clone

# สร้าง virtual environment
python -m venv venv
source venv/bin/activate  # Linux/Mac
# หรือ venv\Scripts\activate  # Windows

# ติดตั้ง dependencies
pip install -r requirements.txt

# รันแอป
python app.py
```

แอปจะรันที่ `http://localhost:7860`

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

```
facebook-clone/
├── app.py                 # Main application file for Hugging Face Spaces
├── requirements.txt       # Python dependencies
├── README.md             # This file
├── src/
│   ├── main.py           # Original Flask app
│   ├── models/           # Database models
│   │   ├── user.py       # User model
│   │   └── post.py       # Post and Comment models
│   ├── routes/           # API routes
│   │   ├── user.py       # User routes
│   │   └── post.py       # Post routes
│   ├── static/           # Frontend files
│   │   ├── index.html    # Main HTML file
│   │   ├── style.css     # CSS styles
│   │   └── script.js     # JavaScript functionality
│   └── database/         # SQLite database
│       └── app.db        # Database file
└── venv/                 # Virtual environment
```

## API Endpoints

### Posts
- `GET /api/posts` - ดึงโพสต์ทั้งหมด
- `POST /api/posts` - สร้างโพสต์ใหม่
- `POST /api/posts/{id}/like` - ถูกใจโพสต์

### Comments
- `GET /api/posts/{id}/comments` - ดึงคอมเมนต์ของโพสต์
- `POST /api/posts/{id}/comments` - เพิ่มคอมเมนต์

## License

MIT License - ดูรายละเอียดในไฟล์ LICENSE