Yobi challenge

Running the application

$ npm i
$ npm run start

Running test

Unit:

$ npm run test

e2e:

$ npm run start
$ npm run test:e2e

Challenge information

Configuration

We've provided redux, react-router, and redux-saga to the project. You'll use these packages to complete the questions below.

The API_URL found in config/default.js is the API url you'll need to request products.

The GET route to request products is: /products;

We're looking for use of each of the three packages listed above. You're free to use any HTTP library to call the API.

Questions

When a user navigates to the application for the first time, the application should pull the products from the API. While the product information is being fetched from the API, an indication of progress should be displayed.

Upon the completion of the product request, a listing of products should be displayed on the screen. The order by default of the products should be determined by the product name. Each item in the listing should display the following:

Product Name
Product Type
Whether the product has bulk
Whether the product has retail

Additionally, a user should be able to do the following on the product list:

Search products by name
Sort products by name
Add a product to the list
Remove a product from the list

We've provided a basic structure to get you started. However, feel free to change it in any way you see fit.