React Website Beginner Tutorial - Fully Responsive React JS App

In this video you will learn how to build a react website from scratch. This is a beginner tutorial using React JS. We will be using the useState hook for mobile navigation functionalities. This is a fully responsive React Application that displays properly on tablets and smart phones as well. Thank you for following along with me on my journey as I learn to code and incorporate my knowledge into my own businesses!

I'd love to hear any comments below!

Github for this tutorial:

Timeline:
00:01 What We Are Building
01:50 Creating React App
04:05 Create Navbar Component
29:56 Create Hero Component
42:30 Create About Component
54:30 Create Testimonials Component
1:04:40 Create Demo Component
1:13:20 Create Footer Component
1:21:00 useState to close Navbar

🔥 My Coding Equipment 🔥

[alkhemist]

This was a really wonderful tutorial. For the card section, I decided to implement props and then create a card component that I can reuse. I'm glad I did that. Still learning. I love this channel.

[ambereroses]

Thank u so much! this was peaceful to watch and very well explained.

[lucianocastro]

Thank you! Was an excellent practice hahah 3 hours intentse learning! great :D

[lucianalbuquerque]

Thank you for this lesson! I learned about how to organize files and names for the classes and many css tips besides the react app!

[kenansari]

Thank you for this nice tuto. I hit the like button.

[Carolacollao]

Thank you, it has been an excellent tutorial 🙂

[edmoremusvibe]

thanks for this amazing video . Hope u create more videos like this

[nancymani]

Awesome tutorial, I have a doubt.. How can I replace the Hero Background image with a video? I tried to replace but then unable to play it. The whole screen turns grey. Kinldy help on this.

[jonasbjrnpedersen]

Why does the overflow:hidden rule on the header not hide the nav-menu? I know you set the z-index, but is that it?

I can't seem to make it work unless i delete the overflow:hidden from the header.

[urospopovic]

Great project...I have learned a lot...I have one question. In About.css <-- .about .container --> souldnt we use max-width:1240px insted of width:1240px?