Car Marketplace UI System
React and TypeScript storefront with reusable UI components and modular Redux Toolkit state for the catalog, filters, cart, favorites, and orders.
About the project
A frontend-only car marketplace built with React and TypeScript around a set of reusable UI components. State is split into Redux Toolkit modules for the catalog, filters, cart, favorites, and orders. The cart, favorites, checkout, and order history are persisted in LocalStorage. Catalog filtering and sorting by price, year, engine displacement, brand, and body type is done through Mokky API parameters.
The problem
A catalog with many filters, a cart, favorites, and order history needs predictable client-side state, and the filtering itself should be handled by the API instead of in the browser.
The solution
State is organized into modular Redux Toolkit slices with async data fetching through Axios and createAsyncThunk. Filters and sorting are passed to the Mokky API as request parameters, and the cart, favorites, checkout, and order history are persisted in LocalStorage.
Tech stack
Screenshots
Feedback
Tried this project or read the case study? I'd love to hear your thoughts.