Ecommerce Product Comparison Feature

This project is built to help understand how to push, delete and compare 3 or more products with React Hooks, Redux and tests with Jest.

Live - https://compare-products.netlify.com/

Project Description:

• Product Item:

  • Each Item rendered from a JSON which can be compared with the others

• Comapare Item Page:

  • Product Added to this page for comparison and can be deleted to remove from comparison

Getting Started

To get you started you can simply clone the repository:

git clone https://github.com/Rajdeepc/compareProduct.git

Prerequisites

You need git to clone the repository. You can get git from http://git-scm.com/.

A number of node.js tools is necessary to initialize and test the project. You must have node.js and its package manager (npm) installed. You can get them from http://nodejs.org/.

Installing

and install the dependencies

npm install

Lint & Build

npm run lint
npm run build

Running the tests

npm test

Run in Local

To Run Locally Steps to follow:

npm start

Built With

• React js
• React Bootstrap
• Redux

Contributing

Create a branch

1. git checkout master from any folder in your local https://github.com/Rajdeepc/Compare-Products---React-Hooks.git repository
2. git pull origin master to ensure you have the latest main code
3. git checkout -b the-name-of-my-branch (replacing the-name-of-my-branch with a suitable name) to create a branch

Make the change

1. Follow the "Running locally" instructions
2. Save the files and check in the browser
3. Changes to React components in src will hot-reload
4. Changes to markdown files in content will hot-reload
5. If working with plugins, you may need to remove the .cache directory and restart the server

Push it

1. git add -A && git commit -m "My message" (replacing My message with a commit message, such as Fixed header logo) to stage and commit your changes
2. git push my-fork-name the-name-of-my-branch
3. Go to the Compare-Products---React-Hooks and you should see recently pushed branches.
4. Follow GitHub's instructions.
5. If possible, include screenshots of visual changes. A Netlify build will also be automatically created once you make your PR so other people can see your change.

Compare Page:

Donate

If you like my work and if my product has helped you in your development please feel free to give a shoutout: