Giter Club home page Giter Club logo

react-inclusive-mart's Introduction

inclusive mart logo

Inclusive Mart

Forks Stars License


๐Ÿ“• Table of Contents


๐Ÿ“– 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 = <JWT_SECRET_KEY_OF_YOUR_CHOICE>
  • start the server
npm start

๐Ÿ‘จโ€๐Ÿ’ป Connect with me

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.