MERN STACK PROJECT - YOUTUBE WEBSITE CLONE (SOURCE CODE INCLUDED) (REACT JS)
Hello Friends, I have made a website like Youtube
I used ReactJS, NodeJS, ExpressJS, MongoDB which is MERN stack.
and I tried to explain with a diagram of how this is structured and which step I will take to make the features.
So I hope It can be really helpful for you.
And I will keep making tutorials like this ( Instagram Clone or Slack Clone and so on)
Thank you for watching this video !
GIT REPOSITORY:
https://github.com/jaewonhimnae/react-youtube-clone
3:13 Layout, MongoDB Connection
13:16 Upload Video Form
28:46 Save the video in Node JS server
43:15 Generate Thumbnails with FFMPEG
56:16 Make MongoDB Collection and Upload Video Post
01:09:54 Make Landing Page
01:28:06 Make Detail Page
01:41:19 Make Side Video
01:55:28 Make Subscribe Feature (1)
02:17:00 Make Subscribe Feature (2)
02:29:30 Make Subscription Page
02:44:05 Comment System Explained
02:52:51 Comment.js
03:15:33 Single Comment Component
03:37:21 Reply Comment Component
03:51:54 Like DisLike Feature (1) Explained
03:57:01 Like DisLike Feature (2) Template, Fetch Datas
04:15:01 Complete Project
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «MERN STACK PROJECT - YOUTUBE WEBSITE CLONE (SOURCE CODE INCLUDED) (REACT JS)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.