YoVDO

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

Offered By: Brian Design via YouTube

Tags

React Courses Web Development Courses React Router Courses Responsive Web Design Courses Styled-components Courses

Course Description

Overview

Learn to build a fully responsive React website using Styled Components in this beginner-friendly tutorial. Create reusable components, implement React Hooks and React Router, and develop a complete site from scratch. Follow along as you design and construct various sections including a navbar, home page, info sections, footer, and pricing component. Master essential techniques such as creating global styles, integrating images, and adding a scroll-to-top effect. By the end of this comprehensive project, gain practical experience in modern React development and responsive web design.

Syllabus

Website Design We're Building
Creating React App
Creating Components & Pages Folder
Editing the Navbar
Creating GlobalStyles
Adding React Router
Creating Info Sections
Creating Home Page
Getting Our Images
Creating Footer
Adding Pricing Component
Creating rest of Pages
Adding Scroll to Top Effect


Taught by

Brian Design

Related Courses

Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
React Router and Redux
Microsoft via edX
Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera
React - The Complete Guide 2024 (incl. Next.js, Redux)
Udemy
The Ultimate App Making Course! Master Many Coding Skills!
Udemy