What we are building

Creating React app in terminal

Getting the source files

Creating the Button Component

Creating the Hero Component

Creating our Pages

Creating the Card Components

Creating the Footer Component

Replace Video Background with Image

Brian Design

Learn how to build a React website from scratch in this tutorial. We will use React Hooks and React Router for this beginner React JS Project. The website is fully responsive as well. Feel free to refactor the code and send me your versions!

Timeline
0:00 What we are building
2:58 Creating React app in terminal
7:50 Getting the source files
24:10 Creating the Button Component
45:00 Creating the Hero Component
52:04 Creating our Pages
59:30 Creating the Card Components
1:16:10 Creating the Footer Component
1:40:36 Replace Video Background with Image

If you want to follow me along my coding journey, be sure to subscribe :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1

Here is the source code 
https://github.com/briancodex/react-website-v1/tree/starter

Codeacademy Pro Review
https://youtu.be/Ca5QvDw92wo

React Website Tutorial - Beginner React JS Project Fully Responsive

React Website Tutorial - Beginner React JS Project Fully Responsive

React Website Tutorial - Beginner React JS Project Fully Responsive

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path