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

React styled components / styled-components [V5 EDITION]
Udemy
Building High Quality User Experience Using Material UI
NIIT StackRoute via Coursera
Nuevo Curso React 2021 con Proyecto Final
Udemy
Building Modern Projects with React
LinkedIn Learning
Learn Styled Components in React
Scrimba