SAHARIAR
Let’s talk

React Redux Cart Page

A personal front-end project: a product listing and cart page built to practise Redux Toolkit state management in React.

  • React 19
  • Redux Toolkit
  • Axios
  • React Router
  • Vite
  • Tailwind CSS
Type
Personal project
Scope
Front end only
State
Redux Toolkit
Build tool
Vite

Overview

A small React application with two pages. The home page lists products fetched from a public API; the cart page shows what has been added, lets the shopper change quantities or remove items, and presents a checkout summary with the total and tax.

Tech Stack

UI

React 19 with React Router for the Home and Cart pages, styled with Tailwind CSS and Flowbite.

State & data

Redux Toolkit for the cart, Axios for API calls.

Tooling

Vite for the dev server and production build, ESLint for linting.

Architecture

  • The cart is a single Redux Toolkit slice with three actions: add to cart, change quantity, and delete.
  • Every change is written to localStorage, and the slice starts from that saved value, so the cart survives a page reload.
  • The cart page derives the subtotal, tax and grand total from the store rather than storing them.

Deployment

There is no back end to deploy. The app runs locally with the Vite dev server, and a production bundle is produced with the build script. There is no hosted demo.

npm install
npm run dev

Links

GitHub repository

Have a system to build?

Tell me what it needs to do. I’m open to full stack, Laravel, backend and Node.js roles.

Start a conversation

Dhaka, Bangladesh · Available for remote opportunities