Skip to content

Latest commit

 

History

History
77 lines (56 loc) · 2.1 KB

README.md

File metadata and controls

77 lines (56 loc) · 2.1 KB

Flowy Cart - E-commerce Store

🌐 Live Link

Overview

Flowy cart is a modern E-commerce site built using React, Redux, Redux Toolkit, React Router DOM, and TypeScript. The application features a responsive design and includes essential e-commerce functionalities.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Redux: A state management library for React applications.
  • Redux Toolkit: The official, opinionated, batteries-included toolset for efficient Redux development.
  • Redux-thunk: Middleware for handling asynchronous actions in Redux.
  • Typescript: A superset of JavaScript that adds static typing to the language.
  • Axios: A promise-based HTTP client for making requests to a backend server.
  • React Router v6: Declarative routing for React.js.
  • Framer Motion: A popular animation library for React.
  • SwiperJS: A modern touch slider library.

Key Features

  • ✔️ Fully responsive design
  • 🛒 Add to cart functionality
  • 🗑️ Delete items from the cart
  • 🛍️ Checkout process
  • 🖼️ Lazy loading of images
  • 🌈 Image optimization
  • 🦶 Static footer with a set of links
  • 🕵️ Quick view of products
  • 📄 Product details page
  • 🛒 Cart management
  • 🔐 User login

Installation

  1. Clone the repository

    git clone https://github.com/rahil1202/flowycart-ecommerce.git
  2. Navigate to the project directory

    cd FlowyCart-ecommerce
  3. Install dependencies

    npm install
  4. Start the development server

    npm run dev

Screenshots

Landing Page

Landing Page

Collections

Collections

Product Details

Product Details

Cart Modal

Cart Modal

Shopping Bag

Shopping Bag

Live Demo

Explore the live demo: Snap Shop