metadata

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 ที่สวยงามและใช้งานง่าย
✅ รองรับการใช้งานบนมือถือ

การใช้งาน

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

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

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

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

# 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