Build a Fullstack Video & Audio Compressor Project: Django, VueJS, PostgreSQL, Docker, Celery, S3
ฝัง
- เผยแพร่เมื่อ 23 ก.ค. 2024
- Build a Fullstack Video & Audio Compressor Project
Tools & Services:
1️⃣ Django & DRF : for building the APIs
2️⃣ Docker & Docker compose: Containerization
3️⃣ Celery: For running background task asynchronously
4️⃣ Rabbit MQ: A message broker for celery
5️⃣ Flower dashboard: For monitoring celery background tasks
6️⃣ PosgreSQL: Relational DB
7️⃣ File Storage: AWS S3 Bucket
8️⃣ Vuejs & VueRouter
Key Features:
1️⃣ Compress Video & Audio
2️⃣ Generate video thumbnails
3️⃣ Generate Video previews
4️⃣ Compute media duration
Timestamp 🔍
Intro 0:00
Project Architecture 1:30
Starter template walkthrough 2:27
Running the Django App in the Docker container: 6:00
Django App Creation & Database models: 7:45
Writing views for the Django App: 24:40
File Upload Implementation : 35:44
Create AWS S3 bucket: 51:14
File Compression with Celery and Django Signals: 55:13
Filtering and seaching on the API: 1:48:04
Frontend Integration (VueJs): 1:50:22
Wrapping up. 1:53:28
Starter template for API:
github.com/ridwanray/video-au...
Complete Source Code:
Backend: github.com/ridwanray/video-au...
Frontend: github.com/ridwanray/video-au...
Free AWS Account: aws.amazon.com/free
Resources:
docs.djangoproject.com/en/5.0...
www.django-rest-framework.org...
www.cdrf.co/3.14/rest_framewo...
🌐 Connect :
Website: ridwanray.com
LinkedIn: github.com/ridwanray
Github: github.com/ridwanray - วิทยาศาสตร์และเทคโนโลยี
Don't forget to Like, Comment, and Subscribe.
► Connect:
Website: ridwanray.com
LinkedIn: www.linkedin.com/in/ridwanray
Github: github.com/ridwanray/
Great
I'm glad you enjoyed it.