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

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

Brian Design via YouTube Direct link

Creating our Project Files

3 of 25

3 of 25

Creating our Project Files

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Website Design we're building
  2. 2 Creating React Project
  3. 3 Creating our Project Files
  4. 4 Creating Navbar
  5. 5 Styling Navbar
  6. 6 Creating Sidebar/Dropdown Menu
  7. 7 Styling Sidebar
  8. 8 Creating Home Page
  9. 9 Creating Hero Section
  10. 10 Styling Hero Section
  11. 11 Creating Button Element
  12. 12 Creating Reusable Info Section
  13. 13 Styling Info Section
  14. 14 Adding Data to Info Section
  15. 15 Adding Smooth Scroll to Info Section Buttons
  16. 16 Creating Services Section
  17. 17 Styling Services Section
  18. 18 Creating Sign In Page
  19. 19 Adding React Routes to Website
  20. 20 Creating Footer
  21. 21 Styling Footer
  22. 22 Changing Navbar background on scroll
  23. 23 Adding React Scroll to our site
  24. 24 Creating Sign In Component
  25. 25 Scroll to Top on Page/Route Change

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.