Skip to content

suyash-nexxt/shopping_cart_redux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⭐ E-commerce store which gets data from Fake Store API. Built with React for front-end, Redux for state management and Chakra UI for UI components.

👉 DEMO 🚀

🔨 Technologies & Tools

  • React
  • Redux
  • React Router
  • Chakra UI
  • React Icons
  • Fake Store API
  • LocalStorage

🏆 Features

  • Users can filter products by category
  • Users can sort products by price
  • Users can add products to shopping cart
  • Users can add products multiple times or change quantity from cart
  • Users can see sub-total for each product and the final amount

💎 Additional Features

  • Cart items stored in localStorage
  • Visual indicators when products are loading
  • Button animation when user clicks for better user experience (UX)

🔧 Project setup

# In the project directory run:

# Install dependencies
yarn

# Start
yarn start

# Build
yarn build

# Test
yarn test