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

react-inclusive-mart's People

Contributors

hsnice16 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

react-inclusive-mart's Issues

Issue with Products Link in the footer

Right Now, using the products link in the footer to navigate on the Products page adds nothing in the URL for the search params

partOne.mp4

And, if we are already on the Products page and have selected some filters then clicking on the products link in the footer is removing the already selected filter data from the URL, but don't remove the selected filters.

partTwo.mp4

This is a bug, if there are some filters that are selected then it should not remove their properties from the URL, in this way we can't share the URL with others.

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.