Skip to content

A dummy shopping cart app to master Redux with asynchronous code, side-effects, and Firebase integration🚀

Notifications You must be signed in to change notification settings

ioapap/Redux_Cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Redux_Cart App 🛒

This is a dummy shopping cart app, designed to help understand how to use Redux with asynchronous code and side-effects. With this app, you can add products to your cart, control the quantity of items, and remove them when needed. We use Firebase as our database for managing data 🚀

Features 💡

  • Toggle cart visibility by clicking the My Cart button
  • Add products to the cart with the Add to Cart button
  • If the product is already in the cart, the quantity will increase automatically
  • Modify item quantity in the cart with Plus and Minus buttons
  • If the quantity is 1 and you click Minus, the item will be removed entirely from the cart
  • Redux DevTools integration for deep insights and time travel debugging

Learning Outcomes 📚

By building this app it taught me:

  • How to use Redux with side-effects and asynchronous code
  • Different ways to handle side-effects in components and action creators
  • How to optimize your app by keeping components lean and focused on core tasks
  • Leveraging reducers for data transformations
  • Utilizing Redux DevTools for better understanding and debugging

About

A dummy shopping cart app to master Redux with asynchronous code, side-effects, and Firebase integration🚀

Resources

Stars

Watchers

Forks