Build a React Website Using Styled Components - Responsive Ecommerce Restaurant Design

Build a React Website Using Styled Components - Responsive Ecommerce Restaurant Design

Brian Design 119K subscribers
131.2K views · 2020-10-31 UI Design
Learn how to make a React website using styled components and react hooks. The website is fully responsive and has a restaurant food ordering e-commerce design. This beginner tutorial is just the front end and you can refactor the code to add additional pages and update the links.

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 What we are building
2:02 Creating React App
3:54 Cleaning up the files
5:32 Creating Navbar Component
18:29 Creating GlobalStyles
21:08 Creating the Hero Section
33:20 Creating the Sidebar
49:33 Creating Products Component
1:06:40 Creating Featured Component
1:14:40 Creating the Footer

Source code
https://www.codavilla.com/posts/build-a-react-restaurant-website-using-styled-components

Watch my other React websites tutorials below

React Website using Smooth Scroll
https://youtu.be/Nl54MJDR2p8

React Website Startup/Agency Theme
https://youtu.be/iP_HqoCuRI0

What Theme I use
https://youtu.be/6etaWaiMkvM