Soft Task

Classy Modern Smartwatch Shopping Cart

This project is a React-based shopping cart system for the Classy Modern Smartwatch. It uses React, Redux Toolkit, Redux Persist, and Tailwind CSS for state management, data persistence, and styling.

Live Preview

• https://task-softnio.vercel.app/

Technologies Used

• React: Component-based JavaScript library for building user interfaces.
• Redux Toolkit: Simplified state management.
• Redux Persist: To persist cart data in local storage.
• Tailwind CSS: Utility-first framework for styling and responsive design.

Features

• Product Selection:
  • Choose wrist size and band color.
  • Dynamically adjust product quantity.
• Cart Management:
  • Add, update, and clear items from the cart.
  • Real-time updates for total price and quantity.
• Modal Interface:
  • Display a modal for cart overview with options to continue shopping or checkout.
• State Persistence:
  • Cart state is stored persistently using Redux Persist, even after a page refresh.