Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rahil1202/flowycart-ecommerce-store

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.
https://github.com/rahil1202/flowycart-ecommerce-store

react-router-dom reactjs redux tailwindcss toolkit typescript vercel-deployment

Last synced: about 11 hours ago
JSON representation

Host: GitHub
URL: https://github.com/rahil1202/flowycart-ecommerce-store
Owner: rahil1202
Created: 2024-02-19T06:41:32.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-02-19T08:54:29.000Z (11 months ago)
Last Synced: 2024-04-24T07:15:23.981Z (9 months ago)
Topics: react-router-dom, reactjs, redux, tailwindcss, toolkit, typescript, vercel-deployment
Language: TypeScript
Homepage: https://flowy-cart-rahil1202.vercel.app/
Size: 5.11 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Flowy Cart - E-commerce Store

🌐 [**Live Link**](https://flowy-cart-rahil1202.vercel.app/)

## 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
```bash
git clone https://github.com/rahil1202/flowycart-ecommerce.git
```

2. Navigate to the project directory
```bash
cd FlowyCart-ecommerce
```

3. Install dependencies
```bash
npm install
```

4. Start the development server
```bash
npm run dev
```

## Screenshots

### Landing Page
![Landing Page](./public/screenshots/landing-page.png)

### Collections
![Collections](./public/screenshots/collection.png)

### Product Details
![Product Details](./public/screenshots/product-details.png)

### Cart Modal
![Cart Modal](./public/screenshots/cart-model.png)

### Shopping Bag
![Shopping Bag](./public/screenshots/shopping-bag.png)

## Live Demo

Explore the live demo: [**Snap Shop**](https://flowy-cart-rahil1202.vercel.app/)