Главная
Study mode:
on
1
Website Design we're building
2
Creating React Project
3
Creating our Project Files
4
Creating Navbar
5
Styling Navbar
6
Creating Sidebar/Dropdown Menu
7
Styling Sidebar
8
Creating Home Page
9
Creating Hero Section
10
Styling Hero Section
11
Creating Button Element
12
Creating Reusable Info Section
13
Styling Info Section
14
Adding Data to Info Section
15
Adding Smooth Scroll to Info Section Buttons
16
Creating Services Section
17
Styling Services Section
18
Creating Sign In Page
19
Adding React Routes to Website
20
Creating Footer
21
Styling Footer
22
Changing Navbar background on scroll
23
Adding React Scroll to our site
24
Creating Sign In Component
25
Scroll to Top on Page/Route Change
Description:
Build a fully responsive React website using styled components and React smooth scroll in this comprehensive tutorial. Learn to create reusable components, implement React Hooks and React Router, and develop a professional-looking site with a navbar, sidebar, hero section, info section, services section, footer, and sign-in page. Master techniques such as smooth scrolling, changing navbar background on scroll, and adding React routes. Follow along step-by-step to create a dynamic and interactive website while gaining valuable skills in modern web development with React.

React Website Using Styled Components and Smooth Scroll - Beginner Project Fully Responsive

Brian Design
Add to list
0:00 / 0:00