React Website Using Styled Components - Beginner React JS Project Fully Responsive | Video

Learn how to make a Responsive React Website using Styled Components in this beginner project tutorial. We will use React Hooks and React Router.

The site is made with reusable components that you can customize and place wherever you want.

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

Timeline

0:00 Website Design We're Building

4:34 Creating React App

8:12 Creating Components & Pages Folder

10:13 Editing the Navbar

18:55 Creating GlobalStyles

29:17 Adding React Router

1:02:39 Creating Info Sections

1:06:20 Creating Home Page

1:31:36 Getting Our Images

1:38:24 Creating Footer

2:16:30 Adding Pricing Component

2:19:52 Creating rest of Pages

2:27:36 Adding Scroll to Top Effect

Source Code

https://www.codavilla.com/posts/react-website-using-styled-components

React API Finance Tracker App

https://youtu.be/9ohK7CapmIs

React Todo List App

https://youtu.be/E1E08i2UJGI"

Video: React Website Using Styled Components - Beginner React JS Project Fully Responsive