Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hsnice16/react-inclusive-mart

Inclusive Mart is an e-commerce platform for the Marvel fans. You can buy products in your favourite category on Inclusive Mart. Give it a try today.
https://github.com/hsnice16/react-inclusive-mart

axios css3 font-awesome html5 javascript jest-tests mockbee poshui react-router reactjs vercel

Last synced: 3 months ago
JSON representation

Inclusive Mart is an e-commerce platform for the Marvel fans. You can buy products in your favourite category on Inclusive Mart. Give it a try today.

Awesome Lists containing this project

README

        

inclusive mart logo

# Inclusive Mart

![Forks](https://img.shields.io/github/forks/hsnice16/react-Inclusive-Mart)
![Stars](https://img.shields.io/github/stars/hsnice16/react-Inclusive-Mart)
![License](https://img.shields.io/github/license/hsnice16/react-Inclusive-Mart)

---

## 📕 Table of Contents

- [About](#-about)
- [Features It has](#-features-it-has)
- [Features You will See in Future](#-features-you-will-see-in-future)
- [Getting Started](#-getting-started)
- [Connect with me](#-connect-with-me)

---

## 📖 About

Inclusive Mart is an e-commerce platform for the Marvel fans. You can buy products in your favourite category on Inclusive Mart.

Give it a try today.

---

## 🚀 Features It has

**Categories**

- Clothing
- Computers
- Books
- Gaming

**Sub Categories**

- Clothing

- T-Shirts
- Winter Wearing

- Computers

- Laptop Accessories
- Tablet Accessories

- Books

- Literatures Books

- Gaming

- Gaming Accessories

From **Navbar**

- search by category / subcategory
- navigate to the WishList/Cart page
- navigate to the Home page back, click on the Inclusive Mart logo
- Log In/Log Out

- Sign Up by following the link provided on the Log In page

From **Footer**

- navigate to all other pages of the Inclusive Mart
- connect with me

From **Home**

- click on the Category in which you want to buy
- add/remove Items in (or from) your WishList
- add Items in your Cart

From **Products** Page

- filter the products based on your preference. Inclusive Mart gives filter options for

- filter by Category
- filter by Subcategory of the selected Category
- filter by Ratings
- Sort by Price
- Slider to filter by Price Range

- share your filtered preference with your loved ones, by sharing the address URL
- add/remove Items in (or from) your WishList
- add Items in your Cart

From **Cart** page

- see the price card, containing total amount that you have to pay.
- increase/decrease the quantity of an item
- add/remove Items in (or from) your WishList
- remove Items from your Cart

From **WishList** page

- remove Items from your WishList
- add Items in your Cart

For **Developers**

- unit tests for

- utils functions
- reducers

---

## ✨ Features You will See in Future

- Place Your Order from **Cart**

---

## 🔌 Getting Started

- clone the repository on your local machine with the command below in your terminal, and cd into the **react-Inclusive-Mart** folder

```
git clone https://github.com/hsnice16/react-Inclusive-Mart.git

cd react-Inclusive-Mart
```

- install dependencies (if you are using **yarn** then do with that)

```
npm install
```

- create a `.env` file at the root level of the directory (at the level of `package.json`) and create a variable like mentioned below

```
REACT_APP_JWT_SECRET =
```

- start the server

```
npm start
```

---

## 👨‍💻 Connect with me