React Video Sharing App UI Design | Youtube UI Clone with React

Video uploading app design using React and Styled Components. Youtube clone design with hooks and functional component. React video player.

You are watching the 1st part.

If it is valuable to you, you can support Lama Dev.

Join Lama Dev groups

0:00 Introduction
01:05 Installation
02:54 Creating Styled Components
06:33 React Menu Design
16:23 Dark Mode with React Styled Components
24:08 React Navbar Design
30:26 React Router Dom 6 Tutorial
33:42 React Video Card Component
41:53 How to use React Router Dom Link
43:48 React Video Page Design
55:43 React Commends Component
01:02:23 Styled Components Using Props
01:08:03 Styled Components Hover Effect
01:08:55 React Login Page design
01:19:18 Outro

[kadircankelebek]

there is already two year past for this video but still the best youtube clone project in youtube.Thank you şafak abi.

[dennisngari]

Thanks lama Dev. Super exited. Use a relational database postgresql or mysql

[SonGoku-pcjl]

thanks lama dev!
I am Spanish but you explain so well that 1. the youtube translator translates you great and 2. i'm can understand the concepts of everything you explain in a great way

[saman]

Hi, thanks for your hard work and dedication, it would be nice to have a MERN stack for the backend and AWS as a file storage. Thanks so much

[programmermaureen]

Bro 2 days ago I was also trying to make the youtube clone using mern stack but I had some difficulties with uploading videos and stuff... Your video is gonna help me lot. Thank you!

[mritunjay]

NodeJS with MongoDB as a backend ! MERN STACK

[Pareshbpatel]

A very useful illustration of UI Design in React with styled-components. Thank you very much, Lama Dev

{2022-07-25}, {2022-07-26 - Completed}

[cetinsangudev]

Great work Safak! I think Firebase would be nice for the database actions, sign-in/sign-out etc...

[innocentikart]

I couldn't wait for this... you keep expanding our knowledge...

[ossamaganne]

Hi Lama i would love to see more videos about Typescript React app instead of Js only because people will down grade easily to work with Js only and i want to thank you about the effort you made creating these awesome tutorials

[obviousabsurdity]

I just found you're video and thank you so much for doing a full stack tutorial on the video sharing website. I was reading some of the comments and it blows my mind the entitlement of some of these people telling you which techs to use in your tutorial. :O I think its great that you're sharing your knowledge with everyone regardless of what technologies you decide to use.

[vokalout]

I’ll be watching this one later. Looking forward to the backend part of it!

I’d like for you to use the standard Nodejs and express for backend.

At this point, I’d also suggest you look into making react native tutorials, since the ones online aren’t as detailed as you make your tutorials. For react native, using firebase sounds good too.

Thanks for sharing this video

[FascalRanky]

Thank you lama, I've learned so much from you, even after graduating. I will definitely give back once I get a job.

[TheMasterTori]

Phenomenal content !
Lama i hope if you can use AWS framework on this will be great.
btw wondering if we will get some Typescript or Ducker content also, it will be one place for all.
Much love

[liorpolak]

Excellent tutorial about UI of React. I recommend adding next.js & Typescript.

[rahulshekhar]

Thank you for the Playlist. At least I have lessons being learned in order. Focus guaranteed. Thankyou. Great work Sir. Michael.

[heavyrain]

Btw, it's not on react-mini branch as you said anymore, it's on another branch called react-video-ui.

[muhammadufo]

thank you for that . I think express and Mongodb is better than Firebase, for learn and use in this project .

[anandbaraik]

Super cool! Thanks a lot for this. I was thinking to make YT clone and here is your video! ❤️

[ramyaraha]

this is really pretty awesome the only thing i would love to see from you lama dev is mobile first design :D