shayanypn / bookipy-reviews

a simple UI for Bookipy item review

Bookiply Review

Simple UI implemented in React, Redux and Bootstrap, to show bookiply review page

Implemented Features:

• Responsive
• Pagination
• Filtering by score and by channels
• Tests with Jest and Cypress
• CI/CD using Travis and gh-pages

Live Preview

Available Scripts

git clone https://github.com/shayanypn/bookipy-reviews.git
cd bookipy-reviews
yarn install
yarn start

//test
yarn run test
yarn run test:coverage

//build
yarn run build

Interesting Code

To help guide you through the interesting pieces of this implementation note the following.

• Make resuable Filter, Pagination and Review components without having state, to be able to use them anywhere else in the application.
• The code also includes a unit test and integration test suite to provide a safety net and allow future work to refactor confidently.

Component Structure

All code in this application should follow the below structure to be consistent with other parts of the application. The name of component or service ... consists of a folder/directory name and the entry point is the index.js file. For other additional files like tests, you should add them under this folder with a suffix name, like index.test.js or index.stories.js, and for style, we use a consistent name as main.css

/[component name]
    /index.js
    /index.test.js
    /index.stories.js
    /main.css