A responsive e-commerce shopping cart application built with React.js, React-Bootstrap, and Redux Toolkit for state management. This project includes product listing, product detail view, cart functionality, and navigation — all deployed on Render.
https://multimart-ecommerce.onrender.com
- Beauty UI similar to ecommerce website
- Fully responsive and mobile friendly
- User can add items to cart
- User can view details of an item
- User can show total price in cart
- In Item page user can add quantity of item to cart instead of click add more and more
React.js Core JavaScript library for building the user interface (UI) Create React App Toolchain used to quickly set up the React project React Router DOM Enables client-side routing (navigation between pages) React-Bootstrap UI framework for building responsive and styled components Redux Toolkit Modern Redux approach for managing global application state (cart, etc.)
├── app/ # Redux store setup
├── components/ # UI components like Navbar, ProductCard
├── features/ # Redux slices (e.g., cartSlice)
├── pages/ # Pages like Home, ProductDetail, Cart
├── data/ # Sample product JSON
├── App.js # Main application and routes
└── index.js # App entry point
From your command line, first clone this repo:
# Clone this repository
$ https://github.com/0mar-helal/multimart-react-ecommerce.git
# Go into the repository
$ cd multimart-react-ecommerce
# Remove current origin repository
$ git remote remove origin
Then you can install the dependencies using NPM:
# Install dependencies
$ npm install
# Start development server
$ npm start
🔐 User login and authentication
🧾 Checkout and order confirmation page
☁️ Backend integration with real database/API
💳 Payment integration (e.g., Stripe)
💬 Toast notifications and form validation