Micro Cart - E-commerce

Microcart - An E-commerce site build using React, Redux, Redux-toolkit, React-router-dom and Typescript

Built with

  • React
  • Redux
  • Redux toolkit
  • Redux-thunk
  • Typescript
  • Axios
  • React Router v6
  • Framer Motion
  • SwiperJS

Features

  • Fully responsive design
  • Add to cart
  • Delete from cart
  • Checkout
  • Lazy loading of images
  • Image Optimization
  • Static footer containing a set of links
  • Quick View
  • Product Details
  • Cart
  • Login

Installation

  • Clone the Repository
https://github.com/premkolte
  • Enter into the directory
cd MicroMart
  • Install all dependencies
npm install
  • Start the Development Server
npm run dev

Screenshots

Landing Page

FC1

Collections

FC3

Product Details

FC5

Cart Modal

FC6

Shopping Bag

FC7

MicroMart