React.js eCommerce app UI design full course. React shopping app UI project for beginners. React eCommerce website design from scratch.
Support the channel:
Buy me a coffee:
Join me:
Learn CSS animations:
Learn SVG animations:
Source Code:
Join Lama Dev groups
Facebook:
Instagram:
Twitter:
Discord:
0:00 Introduction
01:13 Installation
06:30 Ecommerce App Navbar Design
27:02 Create Pure React Slider
51:27 Shopping Categories Design
01:00:05 Shopping Product List UI
01:12:18 Styled Components Hover & Animation
01:14:42 React Newsletter Design
01:21:15 React Footer Design
01:33:20 Shopping Category Page
01:41:58 Ecommerce Single Product Page
01:59:16 React Login and Register Page Design
02:11:23 React Shopping Cart Page Design
02:36:00 Styled Components Converting Responsive Design
02:57:48 Outro
If I finish this tutorial in a week , I am buying you a coffee 😄
Hello Do I need backend knowledge for this project ?
image files
Hello lama
You are too great .
Love from India.
which design theme is used here?
Love from bd
what shortcut or what are you using to automatically split a long text into multiple lines? example at 13:14. it's driving me crazy trying to figure it out, because it's not word wrap, you are adding actual line breaks. this is so convenient!!
Please drop the link for the second part of this video bro!
This is by far the most detailed project I have ever seen. We appreciate your effort Lama. Your are the best
Wasted..only css i expected more but not bad
Hi Lama, I can't nearly thank you enough for the amount of learning I got from the video, and this is one of the best videos that anyone can find to update their skills in front end technologies. I still couldn't believe that you released this is in YouTube for free. I am humbled by your painstaking efforts to educate everyone and be honored for contributing for this noble cause. Another help that would be great would be teach us how to reuse the styled components that we are repeatedly creating for every page. Could you please do a video or share an example. so, we can refactor the rest of the code from the example. Also, it would be great to show us how to deploy the front end alone for free, if possible, in Vercel / Render.
Your way of explaining and teaching rocks and keep up the great work!
Thanks a lot
Krishna
From where we can get images that u had used in ur project
Kindly let me know
Thanks!
21:44
Why one prepared app is change when we start it again
image links are not working
Outstanding tutorial that turns hard to easy. Unbelievable method of teaching.
Thank you for the amazing content!
Very nice Tutorial, I'm looking forward to the other parts.
Thank you so much. It was really helpful for me. I've learned quite a lot from this video. May Allah bless you. ❤
Sir where did you get that Code from? I also want to paste it in. Minute 44:47
heoo everybody and Lama….THX never enough for your Amazing JOB!!!! AMAZING!!!! just a spike question, when I install styled components I have to write manually every detail in css…nothing comes from snippet as always when use css classic style….where I'm in wrong ? do I miss some necessary library to install or what? thx in advance for every suggest…
Very helpful – thank you! 🙏
Please someone help me to get second part here …
Where is second part
why dont you put react router dom in your projects? we cant switch to another page without writing address which look unprofessional
Cloning the repo not working
Very useful tutorial thank you
owww,awesome sirrr
Where can i get all these media files? I mean Images
App(..):Nothing was returned from render
Please Slove This Error
thank you so much l learned a lot of things, thanks for the your time and special effort
thankyou, great tutorials