Build a React Website Using Styled Components - Responsive Ecommerce Restaurant Design
13.1万 次观看 · 2020-10-31
UI 设计
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
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