In this video, we will Build React Ecommerce Web Shop Homepage with SASS.
Don't forget to click the like button and share the video with your friends if you found the video useful.
Make sure to SUBSCRIBE for more AWESOME video just like this one !
---------- CONTACT ----------
Facebook: https://www.facebook.com/trananh2001
Github: https://github.com/trananhtuat
---------- SOURCE CODE ----------
https://github.com/trananhtuat/yolo-reactjs-ecommerce/tree/homepage
---------- RESOURCE ----------
Boxicons: https://boxicons.com/
Google font: https://fonts.google.com/
Images: https://yody.vn/
https://totoshop.vn/
---------- TIMESTAMP --------
00:00 - Demo
02:12 - Setup project
17:06 - Setup Routes
18:46 - Setup app layout
21:29 - Make Header
46:05 - Make Grid component
50:09 - Make Footer
58:19 - Make Helmet component
59:49 - Make Hero Slider
01:33:49 - Fix Grid responsive
01:35:13 - Make Button component
01:43:39 - Make Section component
01:45:47 - Make Policy Card component
01:53:31 - Make Product Card component
02:16:59 - Add some section to homepage
---------- MORE AWESOME VIDEOS ----------
https://www.youtube.com/c/TuatTranAnh
---------- MUSIC ----------
Song: Vendredi - Hypnosis
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: https://youtu.be/CMWnFgAlAOo
Song: Luke Bergs - Tropical Soul
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported
Video Link: https://youtu.be/rQV9GDOc3Lo
Song: LiQWYD - The Way
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: https://youtu.be/AuJtXsjxu_M
Song: Hotham - Find
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: https://youtu.be/lE4Hu2e4Hpk
--------------------------
#tuattrananh #React #ReactJS #HTML #CSS #JavaScript #Ecommerce #slider #responsive #Darkmode #landingpage #landing #Redux #react-redux #react-hook #reacthooks #hooks #router #react-router #react-router-dom