YOUTUBE CLONE

Cloning Youtube in Full-Stack

🌇Front-end : Pug + SCSS + Vanilla JS(ES6) + WebPack

⚙️Back-end : Node.js(Express)

🔐Authentication : Passport

🛢Database : MongoDB(Atlas)

📂Storage : AWS S3

📤Server : Heroku

---

Features:

Global

• Home : Fetch all videos in Database
• Search : Search for videos or users by user's query in Database
• Preview : Hover over each video let users see preview on client-side
• Subscribe : Subscribe or unsubscribe in real-time

User

• Join : Passport Local/Kakao/Github
• Login : Passport Local/Kakao/Github
• Profile : Access to each user's profile page
• Edit : Customize personal information

Video

• Upload : Seperate actual file and url for saving costs with Multer
• Detail : Apply lazy-loading on comments for UX with Axios
• Edit : Load previous data for convenience
• Delete : Super easy for deleting a video in edit page
• Comments : CRUD in realtime with Axios

Design

• 99% same as YouTube® with SCSS