Application Overview

Displays the list of products based on the data from the API https://api.jsonbin.io/b/5cae9a54fb42337645ebcad3

Contains 2 screens

• Product List screen
• Individual Product screen(On click on the product)

Addons used

• Redux
• Redux-saga
• Sass
• axios
• react-router-dom
• grid css alone from bootstrap used
• eSlint code analyser used for static code validation
• used prettier(Esben Petersen) for code auto format

npm install

Gets all the dependecies

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.

Using Create React App

If you are using Create React App, instead of adding to your package.json as above, you will need to add a src/setupTests.js file to your app, to import jest-enzyme:

// src/setupTests.js
import "jest-enzyme";

Node-sass installation

if facing issue in installing node sass download binary node from https://github.com/sass/node-sass/releases/download/v4.12.0/win32-x64-64_binding.node

$ set SASS_BINARY_PATH={binaryfilepath}\win32-x64-64_binding.node $ npm install