Spaces:
Running
Running
File size: 3,502 Bytes
f7bd2a8 6ca588d f7bd2a8 6ca588d f7bd2a8 6ca588d f7bd2a8 6ca588d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 |
---
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
|