React E-Commerce App Design Tutorial | React Shopping Cart UI Design

Support the channel:

Join Lama Dev groups

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

[natures-em]

I cannot stress how detailed and beginner-friendly this project is. I never finish any project but I spent the entire yesterday and today building this project. I just finished the project. I'm really glad about the outcome. Thank you so much, Lama. wherever you are, I wish you more knowledge, good health, more wealth, happiness, and successful life. Please don't stop creating content, and if you have the time make a udemy course because I am sure many people out there starting their coding journey will benefit from your knowledge so much.

[yanizhang]

for all the people asking what shortcut extention used during the video, the extention name is 'vscode-styled-components'. found it during watching his other video called: Don't Use a Mouse Anymore! VSCode Shortcuts Tips and Tricks, which is also extremely useful and highly recommended.

[RoshitGopinath]

I'm an Android developer, I stayed because your voice is so relaxing. And now apparently I'm a React developer.

[captainamerica]

Lama dev is the best youtuber and most underated person out there, the efforts he takes for providing free projects where as all others provide paid version, is just unbelievable, Hope you get everything you wish for wishing you 1 million subscribers, You cannot imagine the no of students you are helping world wide. A BIG THANK YOU

[ojiinnocent]

I knew he would deliver, thank you so much. Can't wait for the backend.

[MrBorndd]

There is something about the simplicity in your explanations and coding style that really sets you apart and make your projects a joy to work through. Im learning so fast now thanks to you!

[sherlock]

I can't believe this kind of content exist in the YouTube. Love your calming voice and clarity. Thank you 💟

[emanuelameh]

You've made styled-components much easier for me and you've helped build my confidence as a self-taught. Now, over to the backend. Best teacher ever!

[factzfactory]

I am just completing this project coz of simplicity and melody in your voice

[samuelojediran]

As a new programmer, I understood all what you did, oh man you are so amazing.
I will make sure I buy you a coffee when I start earning

[shodeolumide]

As in ehn.... He never fails!!! You've just made me realize React isn't as hard as I thought it is. Lama! Lama!! Lama!!! 🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼

[rini]

Just finished the UI . Fire design, exceptional explaining. Props to you!

[imkirn]

Brother i love the way you explaining each stuffs in a calm and simple way! I really appreciate your effort and keep provide good quality stuffs on Youtube!

[mintes_son]

The best hands-on Teacher on Youtube !
Best Delivery, so much details to learn on this projects!

[bizzicole]

Truly a masterclass in react. Your lessons are greatly valued. Keep on shining your light

[zacharyzawaideh]

Crazy you did this in 2.5 hours, it took me the day to get through the video. Good job man!

[dotkeyz]

Thank you LAMA ... Really amazing .. For those having issues with auto-complete not working in styled component, a simple solution would be to search for Emmet in your VS Code settings, and then ensure the Trigger Expansion On Tab button is checked.

[modinateniola]

I finished this in 4 days...this video deserves a million likes..

I am super proud of myself...all thanks to you

[adventurer]

Amazing! You have become my favorite web dev YouTuber because of the high quality of your content and scope of your projects! I really enjoy that you take the time to explain concepts in detail, don't rush, and have a calm attitude. Your UI is very clean and aesthetic. One suggestion I would make is that there is a lot of repetition in the CSS, a side effect of using styled components. The CSS would be a lot more DRY with sass/scss.

[Ĵæð-pu]

This is by far the most detailed project I have ever seen. We appreciate your effort Lama. Your are the best