Adding features to a React shopping cart app | LIVE CODING

preview_player
Показать описание
In this react live code video, I add 4 new features to the previous react shopping cart app I uploaded a couple of days ago. I recommend you clone your repo and try to implement these yourself before you watch this video, but the choice is yours!

Chapters
00:00 Introduction
00:45 Add a "Clear cart" button to remove all items from shopping cart
05:35 Add something so the user can view the total cost of all products in cart
11:50 Add the ability to set a quantity for the items desired
24:30 Add the ability to filter products via their category
30:27 Refactoring by increasing cohesion

------------

For those who don't know, I'm a full stack web developer who has been in the industry for over 5 years now. There is a lot of things I have learned along the way and I'd like to share that knowledge with anyone wanting to learn!

like this video if you found it useful and would like to see more videos of the same content.

subscribe to my channel if you are trying to improve your abilities as a web developer, software engineer, or even if you are just learning to code.

Don't forget to turn on those bell notifications!

Book mark these links!

I give credit to:
Toptal Subtle Patterns - for the thumbnail background patterns
Рекомендации по теме
Комментарии
Автор

Just what I was looking for, you deserver more viewers. Great content man. Thank you very much! :)

horacinis
Автор

Thank you, Cody. I found the info bar is so useful.

kenansari
Автор

Nice. I believe the only thing that it wants in order to be complete is arrow up-down in each item for increasing -decresing the price. It is good. I hope we we see an ecommerce project with redux.

codito
Автор

Hi, this is a fantastic tutorial!! learned a lot from it. plz add payment option and wishlist and compare products methods
thank you

AmitSingh-tfyu
Автор

Hi, this is a fantastic tutorial!! learned a lot from it.
I don't know if you can maybe show how to keep cart details after page refresh using localstorage or any other method, , it would reaaaly be helpful.

ayochills
Автор

Thank you for the tutorial! With the quantity increment logic added to the `addToCart` function, how would we go about decrementing the quantity value of the item in the cart?

amutoi
Автор

Nice work with the numbers bug... good note for future;
Total cost toFixed(2)? To get two decimals only if I recall correctly.

soltiscd
Автор

how do you add an 'All' category so products can be viewed?

alexanderson
Автор

Hey Sir, can you add options (size/color) to products? Thank you !!

tylerrussell
Автор

I am creating a e-commerce website for uni and I was wondering if you can use Links to go to the cart page and if it is possible to make a video showing it

eurusplays
Автор

Hi sir.. This video is awesome.. I am your new subscriber.. Can you please tell me how to use like routing for navigating to other pages on this code example

preethi