• Implement thunks to consume API.
• Add BookstoreAPI class to manage the API consumption.
• Refactor Components.

I take into account the following requirements:

• Read the Bookstore API documentation to learn how to use the API.
• Refactor your add book and remove book features to persist your changes in the server.
  • You should refactor the redux code of your application using middleware to make async requests to the API.
  • Don't do the changes using only React state.
• Add book and remove book should work in the same way after the refactor.
• No styling is required.

• Add React Router & Links
• Build Header, Books, Categories & NoMatch components

I took into account the following requirements:

• Initialise React app.
• Add React Redux (npm install react-redux).
• Structure your application files using a "feature folder" approach and use the ducks pattern for your Redux files. Your files/folder structure could look like this:

  ...
  /src
      |---/components
      |---/redux
          |--- /books
                  | books.js
          |--- /categories
                  | categories.js
          | cofigureStore.js
      | index.js
  

• The building blocks of your app should be set as re-usable components.
• Add React Router and set two <Route>s and <Link>s for the app's navigation:
  • Books - the default view
    • Should display the list of books (empty at this point but it should be ready for the data) with the Remove button (no functionality yet)
    • Should have a form for adding a book (no functionality yet)
  • Categories
    • Should display "Under construction" text only.
• Styling is not required at this point.

Use Bootstrap and Material UI. I take into account the following requirements:

• You will find all the details of the Bookstore design in Zeplin.
• Open the project Bookstore CMS.
• Use the information detailed in Zeplin to style the website.
• Your final design should match Zeplin's design.

I took into account the following requirements:

• In your React component responsible for adding new books (Form.js) set the data inputs in the local React state (set title and author - NOTE: categories and comments are NOT part of this step). Once your new book object is ready to be submitted to the Redux store, dispatch a corresponding action.
• In your React component responsible for removing books (Book.js) - implement that event by dispatching a corresponding action.
• Use the redux-logger to check if your application is working correctly - Open your browser's console and look for the logger messages.