React Website Responsive Tutorial – Beginner React JS Project Using Hooks and Router

Learn how to build a responsive React website using React Hooks and React Router in this beginner tutorial. We are going to build the front end UI using React JS. The main sections of the site are made with reusable components that you can customize and add wherever you want.

If you want to follow me along my coding journey, be sure to subscribe 🙂

0:00 What we are building
4:50 Create React App in terminal
9:30 Creating the pages folder
14:10 Installing React Router
15:00 Adding React Icons
28:53 Creating the Button Component
48:10 Access the source code
58:48 Creating the Hero section
1:10:15 Creating the Homepage
1:26:06 Adding the Footer Component
1:30:27 Creating the Pricing Component
1:52:24 Updating the Routes pages
1:59:22 Adding an external link in Footer

Watch my other React Website Design Tutorial Here

Here is the source code

Be sure to like and subscribe! Feel free to refactor my code to make it better. Also, let me know any cool tricks or tips that I can add to improve my next project


Leave a Reply

Your email address will not be published. Required fields are marked *