React E-Commerce

A storefront built with Create React App: browse products, manage a cart, and run through a checkout flow, with cart state held in Redux.

Stack

React 18 · Redux Toolkit · React Router · Bootstrap · React Hot Toast

Structure

src/
├── components/     Navbar, Footer, Products, ScrollToTop
├── pages/          Home, Product, Cart, Checkout, Login, Register,
│                   AboutPage, ContactPage, PageNotFound
└── redux/          cart reducer and store

ScrollToTop resets scroll position on navigation — without it, moving from a long product list to a new route lands the reader mid-page.

Running it

npm install
npm start          # http://localhost:3000

npm run build      # production bundle in build/
npm test           # CRA test runner