E-Commerce Interface Development with React and Redux Toolkit

Short Description

In this project, I developed an e-commerce interface with product listing, detail, search, favorites, and cart functionalities using React and Redux Toolkit.

Problem

It was necessary to consolidate the core store experience within a single frontend. I addressed the need for product listing, category filtering, viewing details, and persistent cart state within this structure.

Solution

I structured the application into pages using Create React App and React Router. For data management, I utilized the Fake Store API and handled product, category, and detail data using async thunks within Redux Toolkit. I established cart and favorite states with slices and ensured the cart data was persisted in localStorage to maintain its state across page reloads.

Outcome

The result is a concise yet well-organized React application clearly demonstrating core e-commerce workflows. I integrated listing, search, category, detail, and cart management within the same project.

Technologies

React, JavaScript, Redux Toolkit, React Redux, React Router DOM, Bootstrap, Reactstrap, React Slick, React Paginate, Axios, Tailwind CSS, Fake Store API, localStorage

Setup