Skip to content

Abhijitkr/Shopping-cart

Repository files navigation

Shopping Cart (Redux) - Visit Now

This project is a React application that utilizes Redux for state management and Tailwind CSS for styling. It fetches product data from the FakeStore API and provides features for managing a shopping cart.

Features

  • Displays products from the FakeStore API on the home page.
  • Allows users to add and remove products from the cart.
  • Provides a cart page where all cart products are displayed.
  • Enables users to remove items from the cart and view the cart summary.
  • Shows a message when the cart is empty and provides a "Shop now" button for redirection.

Technologies Used

  • React.js
  • Redux
  • Tailwind CSS

Screens

Home page

Homepage

Cart page

Cartpage

Installation

  1. Clone the repository:

    git clone https://github.com/Abhijitkr/Shopping-cart
  2. Navigate to the project directory:

    cd Shopping-Cart
  3. Install dependencies using npm:

    npm install

Usage

  1. Start the deployment server

    npm run dev
  2. Open your browser and go to http://localhost:5173

About

A simple Shopping Cart project to learn and implement Redux Toolkit.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published