React Responsive Ecommerce Website Design Tutorial | Mobile First Website | Dark Mode/Light Mode ☀️



Hey Coders, in this video we will design React Responsive Ecommerce Website. This design is mobile first website. This website also has the dark mode and light mode toggle. We have also used scss for styling the website.

Source code ⤵️

Subscribe for more! 🔔

Support me with a donation 🎁

Timestamps ⏱️
00:00 Demo
04:25 Base Setup
22:10 Navbar
38:00 Home Section
48:00 Services Section
58:45 Categories Section
01:05:34 Recommendation Section
01:11:23 Choose Us Section
01:17:50 Products Section
01:27:44 Promo Section
01:35:03 Footer Section
01:44:30 Media Queries
02:01:00 Scroll Reveal Animations
02:04:50 Dark Mode / Light Mode

Search Terms
How to make mobile first design ?
How to make ecommerce website ?
How to make responsive website using react ?
How to make responsive website using react and styled components?
How to make responsive website using react and framer motion ?
How to create Framer motion Animations ?
How to use Framer motion Animations ?
How to use Styled Components ?
Responsive website design using styled components
Responsive website design using react and framer motion
How to make Admin Dashboard ?

#responsivewebsite #mobilefirst #reactwebsite #kishansheth #react #admindashboard #css #scss #javascript #html #recharts #framermotion #animations #mediaquery #websitedesign

10 comments

  1. Hi Kishan, can you create a navbar with dropdown for 3 navbar items. I can't seem to toggle off the rest of the Dropdowns when I click on one navbar item. Currently is opening all the Dropdowns when click on one. Do you have an email for me to forward you my code.

Leave a Reply to Victor Ross Cancel reply

Your email address will not be published.