diff --git a/client-web/bower.json b/client-web/bower.json
index 4fc1dcd..306134d 100644
--- a/client-web/bower.json
+++ b/client-web/bower.json
@@ -12,7 +12,12 @@
     "iron-icons": "PolymerElements/iron-icons#^2.1.1",
     "iron-image": "PolymerElements/iron-image#^2.2.0",
     "iron-scroll-threshold": "PolymerElements/iron-scroll-threshold#^2.0.0",
-    "iron-list": "PolymerElements/iron-list#^2.0.13"
+    "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^2.1.0",
+    "paper-listbox": "PolymerElements/paper-listbox#^2.1.0",
+    "web-animations-js": "web-animations/web-animations-js#2.2.2",
+    "paper-item": "PolymerElements/paper-item#^2.1.0",
+    "iron-list": "PolymerElements/iron-list#^2.0.13",
+    "paper-button": "PolymerElements/paper-button#^2.1.0"
   },
   "devDependencies": {
     "web-component-tester": "Polymer/web-component-tester#^6.0.0",
diff --git a/client-web/src/exlibris-app/actions/exlibris-action.html b/client-web/src/exlibris-app/actions/exlibris-action.html
new file mode 100644
index 0000000..e69de29
diff --git a/client-web/src/exlibris-app/actions/exlibris-actions.html b/client-web/src/exlibris-app/actions/exlibris-actions.html
index 44e0e32..7febfbb 100644
--- a/client-web/src/exlibris-app/actions/exlibris-actions.html
+++ b/client-web/src/exlibris-app/actions/exlibris-actions.html
@@ -21,5 +21,12 @@
 <script>
     ExlibrisApp.ExlibrisActions = {
         FETCH_BOOKS: "FETCH_BOOKS",
+        FIND_BOOK_BY_ID: "FIND_BOOK_BY_ID",
+        CANCEL_BOOK_RESERVATION: "CANCEL_BOOK_RESERVATION",
+        RESERVE_BOOK: "RESERVE_BOOK",
+        EXTEND_LOAN_PERIOD: "EXTEND_LOAN_PERIOD",
+        FILTER_BY_CATEGORY: "FILTER_BY_CATEGORY",
+        SEARCH_BY_QUERY: "SEARCH_BY_QUERY",
+        RESET_FILTERS: "RESET_FILTERS"
     }
 </script>
diff --git a/client-web/src/exlibris-app/book-values.html b/client-web/src/exlibris-app/book/book-values.html
similarity index 62%
rename from client-web/src/exlibris-app/book-values.html
rename to client-web/src/exlibris-app/book/book-values.html
index d13b58f..ba7b9e5 100644
--- a/client-web/src/exlibris-app/book-values.html
+++ b/client-web/src/exlibris-app/book/book-values.html
@@ -19,6 +19,7 @@
   -->
 
 <script>
+    /* exported BookStatus EmptyArrayMessage BookCodePatterns ExternalLinkTemplates*/
 
     ExlibrisApp.BookStatus = {
         OVERDUE: "OVERDUE",
@@ -31,4 +32,23 @@
         READY_TO_PICK_UP: "READY_TO_PICK_UP",
     };
 
+    ExlibrisApp.EmptyArrayMessage = {
+        OVERDUE: "You don't have any overdue books yet.",
+        BORROWED: "You haven't borrowed any books yet.",
+        SHOULD_RETURN_SOON: "You don't have books that you should return soon",
+        RESERVED: "You haven't reserved any books yet",
+        EXPECTED_SOON: "In the near future, the supply of new books to the library is not expected.",
+        ALL: "There are no books in the library."
+    };
+
+    ExlibrisApp.BookCodePatterns = {
+        ISBN_10: /^\d{10}$/g,
+        ISBN_13: /^\d{13}$/g,
+        ASIN: /^[\d, A-Z]{10}$/g
+    };
+
+    ExlibrisApp.ExternalLinkTemplates = {
+        AMAZON: 'https://www.amazon.com/%s/dp/%s/',
+        PLAY_BOOKS: 'https://play.google.com/store/search?q=%s&c=books'
+    };
 </script>
diff --git a/client-web/src/exlibris-app/book/exlibris-book-details-redirect-link.html b/client-web/src/exlibris-app/book/exlibris-book-details-redirect-link.html
new file mode 100644
index 0000000..5df0e32
--- /dev/null
+++ b/client-web/src/exlibris-app/book/exlibris-book-details-redirect-link.html
@@ -0,0 +1,164 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+
+<dom-module id="exlibris-book-details-redirect-link">
+    <template>
+        <style>
+            :host {
+                display: flex;
+                margin: 5px 0 5px 0;
+            }
+
+            #link {
+                @apply --paper-font-body1;
+                display: flex;
+                text-decoration: none;
+                color: var(--paper-blue-600);
+            }
+
+            #link:hover {
+                text-decoration: underline;
+            }
+        </style>
+
+        <a id="link" target="_blank" href="[[reference.value]]">
+            [[reference.title]]
+        </a>
+    </template>
+
+    <script>
+        {
+            String.prototype.format = function () {
+                return [...arguments].reduce((p, c) => p.replace(/%s/, c), this);
+            };
+
+            const BookCodePattern = {
+                ISBN_10: /^\d{10}$/g,
+                ISBN_13: /^\d{13}$/g,
+                ASIN: /^[\d, A-Z]{10}$/g
+            };
+
+            const ExternalLinkTemplate = {
+                AMAZON: 'https://www.amazon.com/%s/dp/%s/',
+                PLAY_BOOKS: 'https://play.google.com/store/search?q=%s&c=books'
+            };
+
+            /**
+             * The book external link component.
+             *
+             * Generates the link to the one of the global book services to
+             * open it in the new tab. The external service choice depends
+             * on the book code format.
+             *
+             * @customElement
+             * @polymer
+             */
+            class ExlibrisBookDetailsRedirectLink extends Polymer.Element {
+                static get is() {
+                    return 'exlibris-book-details-redirect-link';
+                }
+
+                static get properties() {
+                    return {
+                        /**
+                         * The book unique code.
+                         * Can be presented in the form of ISBN10, ISBN13 or ASIN.
+                         */
+                        bookCode: String,
+
+                        /**
+                         * The book title.
+                         */
+                        bookTitle: String,
+
+                        /**
+                         * The enum of book code patterns for ISBN10, ISBN13 and ASIN.
+                         */
+                        bookCodePattern: {
+                            type: Object,
+                            value: BookCodePattern
+                        },
+
+                        /**
+                         * The enum of external links patterns. Each value is used to
+                         * generate redirect link depending on book code format.
+                         */
+                        externalLinkTemplate: {
+                            type: Object,
+                            value: ExternalLinkTemplate
+                        },
+
+                        /**
+                         * The book external link reference and its title.
+                         *
+                         * @property {string} title the reference title.
+                         * @property {string} value  the link to open in the new tab.
+                         */
+                        reference: {
+                            type: Object,
+                            computed: "_calculateReference(bookCode, bookTitle)"
+                        }
+                    };
+                }
+
+                /**
+                 * Checks for the passed book code format.
+                 *
+                 * If the `bookCode` matches the `ISBN10` or `ASIN` pattern, generates
+                 * the Amazon book search link.
+                 *
+                 * If the `bookCode` matches the `ISBN13` pattern, generates the Google Play Books
+                 * search link.
+                 *
+                 * @param {string} bookCode the book unique code (ISBN, ASIN).
+                 * @param {string} bookTitle the book title.
+                 * @returns {Object} the title and the value of link.
+                 * @private
+                 */
+                _calculateReference(bookCode, bookTitle) {
+                    if (bookCode && bookTitle) {
+                        if (bookCode.match(this.bookCodePattern.ISBN_10)) {
+                            return {
+                                title: 'ISBN: ' + bookCode,
+                                value: this.externalLinkTemplate.AMAZON.format(bookTitle, bookCode)
+                            }
+                        }
+                        if (bookCode.match(this.bookCodePattern.ISBN_13)) {
+                            return {
+                                title: 'ISBN: ' + bookCode,
+                                value: this.externalLinkTemplate.PLAY_BOOKS.format(bookCode)
+                            }
+                        }
+                        if (bookCode.match(this.bookCodePattern.ASIN)) {
+                            return {
+                                title: 'ASIN: ' + bookCode,
+                                value: this.externalLinkTemplate.AMAZON.format(bookTitle, bookCode)
+                            }
+                        }
+                    }
+                }
+            }
+
+            window.customElements.define(ExlibrisBookDetailsRedirectLink.is, ExlibrisBookDetailsRedirectLink);
+        }
+    </script>
+</dom-module>
diff --git a/client-web/src/exlibris-app/book/exlibris-book-details.html b/client-web/src/exlibris-app/book/exlibris-book-details.html
new file mode 100644
index 0000000..912e06d
--- /dev/null
+++ b/client-web/src/exlibris-app/book/exlibris-book-details.html
@@ -0,0 +1,545 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<link rel="import" href="../shell/exlibris-app-namespace.html">
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../../bower_components/polymer-redux/polymer-redux.html">
+<link rel="import" href="../../../bower_components/polymer/lib/elements/dom-if.html">
+<link rel="import" href="../../../bower_components/app-route/app-route.html">
+<link rel="import" href="../../../bower_components/paper-button/paper-button.html">
+<link rel="import" href="../../../bower_components/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="../../../bower_components/iron-icons/iron-icons.html">
+<link rel="import" href="../../../bower_components/iron-image/iron-image.html">
+
+<link rel="import" href="../shell/redux-store.html">
+<link rel="import" href="./book-values.html">
+<link rel="import" href="../actions/exlibris-actions.html">
+<link rel="import" href="./exlibris-book-details-redirect-link.html">
+<script src="../reducers/loading-status.js"></script>
+
+<dom-module id="exlibris-book-details">
+    <template>
+        <style>
+            :host {
+                display: flex;
+                justify-content: center;
+            }
+
+            .book-card {
+                @apply --layout-vertical;
+                @apply --shadow-elevation-8dp;
+                border-radius: 3px;
+                margin: 10px;
+                max-width: 700px;
+                background-color: var(--primary-background-color);
+                color: var(--light-theme-text-color);
+            }
+
+            .book-card .head-part {
+                display: flex;
+                flex-direction: row;
+                justify-content: flex-start;
+                align-items: flex-start;
+                width: 100%;
+                height: fit-content;
+            }
+
+            #book-cover {
+                @apply --shadow-elevation-4dp;
+                --iron-image-width: 100%;
+                margin-left: 36px;
+                margin-top: 25px;
+            }
+
+            .book-card .head-part .book-details {
+                display: flex;
+                width: 70%;
+                height: 100%;
+                padding-left: 30px;
+                padding-right: 35px;
+                flex-direction: column;
+                justify-content: space-between;
+            }
+
+            .book-card .head-part .book-details .details-text-part {
+                display: flex;
+                flex-direction: column;
+                justify-content: flex-start;
+                padding-top: 35px;
+            }
+
+            .book-card .head-part .book-details .details-action-part {
+                display: block;
+                width: 100%;
+                margin: 0;
+            }
+
+            .book-card .narrow-screen-action-part {
+                display: none;
+                width: fit-content;
+                margin: 15px 0 0 15px;
+            }
+
+            .action-part-message {
+                @apply --paper-font-button;
+                color: var(--light-theme-secondary-color);
+            }
+
+            paper-button {
+                @apply --paper-font-button;
+                margin: 0;
+                background-color: var(--exlibris-app-primary-color);
+                color: var(--dark-theme-text-color);
+                height: 36px;
+                padding: 0 16px 0 16px;
+            }
+
+            #description {
+                @apply --paper-font-body1;
+                color: var(--exlibris-app-secondary-color);
+                margin-top: 30px;
+                margin-bottom: 30px;
+                padding: 0 36px 0 36px;
+            }
+
+            #title {
+                @apply --paper-font-headline;
+                text-align: left;
+            }
+
+            #author {
+                @apply --paper-font-subhead;
+                color: var(--light-theme-secondary-color);
+            }
+
+            #status-message {
+                @apply --paper-font-body2;
+                white-space: pre;
+                margin: 20px 0 5px 0;
+            }
+
+            @media only screen and (max-width: 900px) {
+                :host {
+                    margin-left: unset;
+                }
+
+                .book-card {
+                    border-radius: 0;
+                    box-shadow: unset;
+                    background-color: unset;
+                    margin: 0;
+                }
+
+                #book-cover {
+                    margin-left: 15px;
+                    margin-top: 15px;
+                }
+
+                .book-card .head-part .book-details .details-action-part {
+                    display: none;
+                }
+
+                .book-card .narrow-screen-action-part {
+                    display: block;
+                }
+
+                .book-card .head-part .book-details {
+                    padding-left: 10px;
+                    padding-right: 15px;
+                }
+
+                .book-card .head-part .book-details .details-text-part {
+                    padding-top: 15px;
+                }
+
+                #description {
+                    margin-top: 8px;
+                    padding: 0 15px 0 15px;
+                }
+
+                #title {
+                    @apply --paper-font-subhead;
+                }
+
+                #author {
+                    @apply --paper-font-body1;
+                }
+            }
+        </style>
+
+        <app-route
+                route="{{route}}"
+                pattern="/:id/:title"
+                data="{{routeData}}"></app-route>
+        <div class="book-card">
+            <div class="head-part">
+                <iron-image id="book-cover" src="[[book.image]]"></iron-image>
+                <div class="book-details">
+                    <div class="details-text-part">
+                        <div id="title">[[book.title]]</div>
+                        <div id="author">[[book.author]]</div>
+                        <exlibris-book-details-redirect-link book-code="[[book.isbn]]"
+                                                             book-title="[[book.title]]"></exlibris-book-details-redirect-link>
+                        <div id="status-message">[[statusMessage]]</div>
+                    </div>
+                    <div class="details-action-part" hidden="true">
+                        <paper-button raised
+                                      on-click="_handleButtonClick"
+                                      hidden="[[!button]]">
+                            [[button.title]]
+                        </paper-button>
+                        <div class="action-part-message">[[actionUnsupportedMessage]]</div>
+                    </div>
+                </div>
+            </div>
+            <div class="narrow-screen-action-part">
+                <paper-button class="small"
+                              on-click="_handleButtonClick"
+                              hidden="[[!button]]">
+                    [[button.title]]
+                </paper-button>
+                <div class="action-part-message">[[actionUnsupportedMessage]]</div>
+            </div>
+            <div id="description">
+                [[book.description]]
+            </div>
+        </div>
+    </template>
+
+    <script>
+        /**
+         * The book details page component.
+         *
+         * This component allows to display the book details page with the book
+         * specific messages, the book cover  and the button when it is supported.
+         * The book is specified by the route which contains the book Id.
+         *
+         * @customElement
+         * @polymer
+         * @appliesMixin ExlibrisApp.ReduxMixin
+         */
+        class ExlibrisBookDetails extends ExlibrisApp.ReduxMixin(Polymer.Element) {
+            static get is() {
+                return 'exlibris-book-details';
+            }
+
+            static get properties() {
+                return {
+                    /**
+                     * Fired when the book loading process has completed with failure.
+                     *
+                     * @event exlibris-book-details-not-found
+                     * @param {detail.path} the route path which caused the book loading failure.
+                     */
+
+                    /**
+                     * The book object to display.
+                     *
+                     * @typedef {Object} Book
+                     * @property {string} id
+                     * @property {string} title the title of a book
+                     * @property {string} image the book cover URL
+                     * @property {string} author authors of the book
+                     * @property {string} category the book category
+                     * @property {number} availableCount the number of items available for borrowing.
+                     * @property {boolean} isAllowedLoanExtension true if the loan extension is provided.
+                     * @property {Date} date the date when the book is expected to become available.
+                     * @property {Date} dueDate the date when the book should be returned.
+                     * @property {BookStatus} status  one of the BookStatus values.
+                     */
+                    book: {
+                        type: Object,
+                        statePath: 'bookDetails.book'
+                    },
+
+                    /**
+                     * The book loading status.
+                     *
+                     * @typedef {ExlibrisApp.LoadingStatus}
+                     */
+                    loadingStatus: {
+                        type: Object,
+                        statePath: "bookDetails.loadingStatus",
+                        observer: "_loadingStatusChanged"
+                    },
+
+                    /**
+                     * The book details button.
+                     *
+                     * @property {string} title the button title
+                     * @property {function} clickHandler the button click handler function
+                     */
+                    button: {
+                        type: Object,
+                        computed: '_chooseButton(book)'
+                    },
+
+                    /**
+                     * The message about the status of the book.
+                     */
+                    statusMessage: {
+                        type: String,
+                        computed: '_calculateStatusMessage(book)'
+                    },
+
+                    /**
+                     * The message about the status of the book.
+                     * Shown instead of the button when it is not supported for the book.
+                     */
+                    actionUnsupportedMessage: {
+                        type: String,
+                        computed: '_calculateActionUnsupportedMessage(book)'
+                    },
+
+                    /**
+                     * The URL part that defines the book Id.
+                     * Should match the pattern `/:title/:id`
+                     */
+                    route: String,
+
+                    /**
+                     * Contains the book Id passed in the route.
+                     *
+                     * @property {string} title the title of the book
+                     * @property {string} id the Id of the book
+                     */
+                    routeData: {
+                        type: Object,
+                        observer: "_routeDataChanged"
+                    }
+                };
+            }
+
+            static get actions() {
+                return {
+                    findBookById(bookId) {
+                        return {
+                            type: ExlibrisApp.ExlibrisActions.FIND_BOOK_BY_ID,
+                            bookId: bookId
+                        }
+                    },
+                    reserveBook(bookId) {
+                        return {
+                            type: ExlibrisApp.ExlibrisActions.RESERVE_BOOK,
+                            bookId: bookId
+                        }
+                    },
+                    cancelBookReservation(bookId) {
+                        return {
+                            type: ExlibrisApp.ExlibrisActions.CANCEL_BOOK_RESERVATION,
+                            bookId: bookId
+                        }
+                    },
+                    extendBookLoanPeriod(bookId) {
+                        return {
+                            type: ExlibrisApp.ExlibrisActions.EXTEND_LOAN_PERIOD,
+                            bookId: bookId
+                        }
+                    }
+                }
+            }
+
+            /**
+             * Dispatches the action to find the book by Id.
+             *
+             * @param {Object} routeData the resolved route parameters.
+             * @private
+             */
+            _routeDataChanged(routeData) {
+                if (this.route && this.route.prefix === '/book-details' && routeData.id) {
+                    this.dispatch('findBookById', routeData.id);
+                }
+            }
+
+            /**
+             * Sets the appropriate button title and the click handler function
+             * according to the passed book parameters.
+             *
+             * @param {Book} book the book object to choose a button.
+             * @returns {Object} the title and the click function of the button for the specified book.
+             * @private
+             */
+            _chooseButton(book) {
+                if (book) {
+                    switch (book.status) {
+                        case ExlibrisApp.BookStatus.EXPECTED_SOON:
+                        case ExlibrisApp.BookStatus.EXPECTED: {
+                            return {
+                                title: 'RESERVE',
+                                clickHandler: this._requestReservation.bind(this)
+                            };
+                        }
+
+                        case ExlibrisApp.BookStatus.OVERDUE:
+                        case ExlibrisApp.BookStatus.BORROWED:
+                        case ExlibrisApp.BookStatus.SHOULD_RETURN_SOON: {
+                            if (book.isAllowedLoanExtension) {
+                                return {
+                                    title: 'EXTEND LOAN PERIOD',
+                                    clickHandler: this._requestLoanExtension.bind(this)
+                                };
+                            }
+                            break;
+                        }
+
+                        case ExlibrisApp.BookStatus.RESERVED:
+                        case ExlibrisApp.BookStatus.READY_TO_PICK_UP: {
+                            return {
+                                title: 'CANCEL RESERVATION',
+                                clickHandler: this._requestCancelReservation.bind(this)
+                            };
+                        }
+                        default:
+                            return null;
+                    }
+                }
+            }
+
+            /**
+             * Calculates the appropriate status message
+             * according to the passed book.
+             *
+             * @param {Book} book the book object.
+             * @returns {string} the status message for the specified book.
+             * @private
+             */
+            _calculateStatusMessage(book) {
+                if (book) {
+                    switch (book.status) {
+                        case ExlibrisApp.BookStatus.AVAILABLE: {
+                            return book.availableCount ? book.availableCount + ' available.\nScan QR code to borrow.' : '';
+                        }
+
+                        case ExlibrisApp.BookStatus.EXPECTED: {
+                            return 'Book not available.';
+                        }
+
+                        case ExlibrisApp.BookStatus.EXPECTED_SOON: {
+                            return 'Arriving to library shortly.';
+                        }
+
+                        case ExlibrisApp.BookStatus.OVERDUE: {
+                            if (book.dueDate) {
+                                const now = new Date();
+                                const numberOfOverdueDays = now.getDate() - book.dueDate.getDate();
+                                return numberOfOverdueDays + ' days overdue.';
+                            }
+                            break;
+                        }
+
+                        case ExlibrisApp.BookStatus.READY_TO_PICK_UP: {
+                            return book.date ? 'Book is ready to pick up.\nBorrow it before ' + book.date.toLocaleDateString() : '';
+                        }
+
+                        case ExlibrisApp.BookStatus.RESERVED: {
+                            return book.date ? 'Reserved for you.\nExpected on ' + book.date.toLocaleDateString() : '';
+                        }
+
+                        case ExlibrisApp.BookStatus.BORROWED:
+                        case ExlibrisApp.BookStatus.SHOULD_RETURN_SOON: {
+                            return book.dueDate ? 'Borrowed by you.\nReturn before ' + book.dueDate.toLocaleDateString() : '';
+                        }
+                    }
+                }
+            }
+
+            /**
+             * Calculates the appropriate message if the button is not supported
+             * for the passed book.
+             *
+             * @param {Book} book the book object.
+             * @returns {string} the message to show when the action button is not supported
+             *                   for the specified book.
+             * @private
+             */
+            _calculateActionUnsupportedMessage(book) {
+                if (book) {
+                    if ((ExlibrisApp.BookStatus.BORROWED === book.status
+                            || ExlibrisApp.BookStatus.SHOULD_RETURN_SOON === book.status
+                            || ExlibrisApp.BookStatus.OVERDUE === book.status) &&
+                        !book.isAllowedLoanExtension) return 'RESERVED BY ANOTHER READER';
+                }
+            }
+
+            /**
+             * Observes the loading status of the book to choose the appropriate
+             * way to display book details page.
+             *
+             * @param {ExlibrisApp.LoadingStatus} loadingStatus the status of the book loading.
+             * @private
+             */
+            _loadingStatusChanged(loadingStatus) {
+                switch (loadingStatus) {
+                    case ExlibrisApp.LoadingStatus.NOT_FOUND: {
+                        this.dispatchEvent(new CustomEvent('exlibris-book-details-not-found', {detail: {path: this.route.path}}));
+                        break;
+                    }
+                    case ExlibrisApp.LoadingStatus.IN_PROGRESS: {
+                        //TODO:2018-35-16:yegor.udovchenko: Show loading progress
+                        break;
+                    }
+                    case ExlibrisApp.LoadingStatus.COMPLETED: {
+                        //TODO:2018-36-16:yegor.udovchenko: End display `loading in progress` view
+                        break;
+                    }
+                }
+            }
+
+            /**
+             * Handles the button click.
+             * Calls the button `clickHandler` function.
+             *
+             * @private
+             */
+            _handleButtonClick() {
+                this.button.clickHandler();
+            }
+
+            /**
+             * Handles the `CANCEL RESERVATION` button click.
+             *
+             * @private
+             */
+            _requestCancelReservation() {
+                this.dispatch('cancelBookReservation', this.book.id);
+            }
+
+            /**
+             * Handles the `RESERVE` button click.
+             *
+             * @private
+             */
+            _requestReservation() {
+                this.dispatch('reserveBook', this.book.id);
+            }
+
+            /**
+             * Handles the `EXTEND LOAN PERIOD` button click.
+             *
+             * @private
+             */
+            _requestLoanExtension() {
+                this.dispatch('extendBookLoanPeriod', this.book.id);
+            }
+        }
+
+        window.customElements.define(ExlibrisBookDetails.is, ExlibrisBookDetails);
+    </script>
+</dom-module>
diff --git a/client-web/src/exlibris-app/exlibris-book-grid.html b/client-web/src/exlibris-app/book/exlibris-book-grid.html
similarity index 89%
rename from client-web/src/exlibris-app/exlibris-book-grid.html
rename to client-web/src/exlibris-app/book/exlibris-book-grid.html
index 20fa5f2..5faffe8 100644
--- a/client-web/src/exlibris-app/exlibris-book-grid.html
+++ b/client-web/src/exlibris-app/book/exlibris-book-grid.html
@@ -18,12 +18,13 @@
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
 
-<link rel="import" href="../../bower_components/polymer/polymer-element.html">
-<link rel="import" href="../../bower_components/iron-list/iron-list.html">
-<link rel="import" href="../../bower_components/paper-styles/typography.html">
-<link rel="import" href="../../bower_components/iron-scroll-threshold/iron-scroll-threshold.html">
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../../bower_components/iron-list/iron-list.html">
+<link rel="import" href="../../../bower_components/paper-styles/typography.html">
+<link rel="import"
+      href="../../../bower_components/iron-scroll-threshold/iron-scroll-threshold.html">
 
-<link rel="import" href="../exlibris-app/exlibris-book-tile.html">
+<link rel="import" href="./exlibris-book-tile.html">
 <link rel="import" href="./book-values.html">
 
 <dom-module id="exlibris-book-grid">
diff --git a/client-web/src/exlibris-app/exlibris-book-tile.html b/client-web/src/exlibris-app/book/exlibris-book-tile.html
similarity index 96%
rename from client-web/src/exlibris-app/exlibris-book-tile.html
rename to client-web/src/exlibris-app/book/exlibris-book-tile.html
index dcc080b..6d4d3bc 100644
--- a/client-web/src/exlibris-app/exlibris-book-tile.html
+++ b/client-web/src/exlibris-app/book/exlibris-book-tile.html
@@ -17,11 +17,11 @@
   ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
-<link rel="import" href="../../bower_components/polymer/polymer-element.html">
-<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
-<link rel="import" href="../../bower_components/iron-image/iron-image.html">
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../../bower_components/iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="../../../bower_components/iron-image/iron-image.html">
 
-<link rel="import" href="./global-style.html">
+<link rel="import" href="./../global-style.html">
 <link rel="import" href="./book-values.html">
 
 <dom-module id="exlibris-book-tile">
diff --git a/client-web/src/exlibris-app/exlibris-app.html b/client-web/src/exlibris-app/exlibris-app.html
index 553de66..a8f3147 100644
--- a/client-web/src/exlibris-app/exlibris-app.html
+++ b/client-web/src/exlibris-app/exlibris-app.html
@@ -35,11 +35,20 @@
 <link rel="import" href="../../bower_components/iron-pages/iron-pages.html">
 <link rel="import" href="../../bower_components/paper-styles/color.html">
 <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
+<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="../../bower_components/paper-listbox/paper-listbox.html">
 
+<link rel="import" href="./actions/exlibris-action.html">
 <link rel="import" href="./menu/exlibris-menu-drawer.html">
 <link rel="import" href="./shell/redux-store.html">
 <link rel="import" href="./global-style.html">
-<link rel="import" href="./exlibris-book-grid.html">
+<link rel="import" href="./book/exlibris-book-details.html">
+<link rel="import" href="./exlibris-book-search.html">
+<link rel="import" href="./exlibris-category-dropdown.html">
+<link rel="import" href="./menu/exlibris-menu-drawer.html">
+<link rel="import" href="./book/exlibris-book-grid.html">
+<link rel="import" href="./book/book-values.html">
 
 <dom-module id="exlibris-app">
     <template>
@@ -67,15 +76,40 @@
                 background-color: var(--exlibris-app-primary-color);
                 color: var(--paper-grey-50);
             }
+
+            exlibris-category-dropdown {
+                margin-left: 48px;
+            }
+
+            @media only screen and (max-width: 600px) {
+                .category {
+                    display: flex;
+                }
+
+                #dropdown {
+                    margin: 0 auto;
+                }
+            }
+
+            exlibris-book-search {
+                width: 40%;
+                margin: 0 auto;
+            }
+
         </style>
 
         <app-location route="{{route}}"
-                      use-hash-as-path></app-location>
+                      use-hash-as-path query-params="{{queryParams}}"></app-location>
 
         <app-route
-                route="{{route}}"
+                route="[[route]]"
                 pattern="/:page"
-                data="{{routeData}}"></app-route>
+                data="{{routeData}}"
+                tail="{{subRoute}}"></app-route>
+        <app-route
+                route="[[route]]"
+                pattern="/all-books/category/:name"
+                data="{{categoryData}}"></app-route>
 
         <app-drawer-layout fullbleed narrow="{{narrow}}">
             <!-- Drawer content -->
@@ -86,6 +120,7 @@
                                       reserved-count="[[reservedBooks.length]]"
                                       borrowed-count="[[borrowedBooks.length]]"></exlibris-menu-drawer>
             </app-drawer>
+
             <!-- Main content -->
             <app-header-layout has-scrolling-region>
                 <app-header slot="header" fixed>
@@ -93,16 +128,23 @@
                         <paper-icon-button id="number" icon="menu"
                                            drawer-toggle></paper-icon-button>
                         <span drawer-toggle>[[appHeaderTitle]]</span>
+                        <exlibris-book-search
+                                on-exlibris-book-search-query-changed="_handleQueryChanged"></exlibris-book-search>
                     </app-toolbar>
                 </app-header>
+                <div class="category">
+                    <exlibris-category-dropdown id="dropdown"
+                                                categories="[[categories]]"></exlibris-category-dropdown>
+                </div>
                 <iron-pages
+                        id="pages"
                         selected="[[routeData.page]]"
                         attr-for-selected="data-page"
                         fallback-selection="view404"
                         role="main">
                     <exlibris-book-grid data-page="all-books"
                                         books="[[allBooks]]"
-                                        no-books-message="[[noBooksMessage.ALL]]"
+                                        no-books-message="[[noAllBooksMessage]]"
                                         on-exlibris-book-grid-lower-threshold="_handleLowerThreshold"></exlibris-book-grid>
                     <exlibris-book-grid data-page="overdue-books"
                                         books="[[overdueBooks]]"
@@ -119,11 +161,15 @@
                     <exlibris-book-grid data-page="should-return-books"
                                         books="[[shouldReturnBooks]]"
                                         no-books-message="[[noBooksMessage.SHOULD_RETURN_SOON]]"></exlibris-book-grid>
+                    <exlibris-book-details data-page="book-details"
+                                           route="[[subRoute]]"
+                                           on-exlibris-book-details-not-found="_showView404"></exlibris-book-details>
                     <div data-page="view404">View404</div>
                 </iron-pages>
             </app-header-layout>
         </app-drawer-layout>
     </template>
+
     <script>
         {
             const EmptyArrayMessage = {
@@ -131,8 +177,7 @@
                 BORROWED: "You haven't borrowed any books yet.",
                 SHOULD_RETURN_SOON: "You don't have books that you should return soon",
                 RESERVED: "You haven't reserved any books yet",
-                EXPECTED_SOON: "In the near future, the supply of new books to the library is not expected.",
-                ALL: "There are no books in the library."
+                EXPECTED_SOON: "In the near future, the supply of new books to the library is not expected."
             };
 
             /**
@@ -222,6 +267,27 @@
                             computed: '_getTitle(routeData.page)'
                         },
 
+                        /**
+                         * The array of categories.
+                         */
+                        categories: {
+                            type: Array,
+                            statePath: 'categories'
+                        },
+
+                        /**
+                         * The message that will be displayed in case of empty `allBooks` array.
+                         */
+                        noAllBooksMessage: {
+                            type: String
+                        },
+
+                        /**
+                         * The query parameters from url.
+                         */
+                        queryParams: Object,
+                        categoryData: Object,
+
                         /**
                          * The application title values:
                          * key - routeData.page
@@ -235,24 +301,35 @@
                                 ['borrowed-books']: 'Borrowed Books',
                                 ['reserved-books']: 'Reserved Books',
                                 ['should-return-books']: 'Should Return Books',
-                                ['overdue-books']: 'Overdue Books'
+                                ['overdue-books']: 'Overdue Books',
+                                ['book-details']: 'Book Details'
                             }
                         }
                     };
                 }
 
-                static get observers() {
-                    return [
-                        '_routePageChanged(routeData.page)'
-                    ];
-                }
-
                 static get actions() {
                     return {
+                        filterByCategory: category => ({
+                            type: ExlibrisApp.ExlibrisActions.FILTER_BY_CATEGORY,
+                            category
+                        }),
+                        searchByQuery: query => ({
+                            type: ExlibrisApp.ExlibrisActions.SEARCH_BY_QUERY,
+                            query
+                        }),
+                        resetFilters: () => ({type: ExlibrisApp.ExlibrisActions.RESET_FILTERS}),
                         fetchBooks: () => ({type: ExlibrisApp.ExlibrisActions.FETCH_BOOKS})
                     };
                 }
 
+                static get observers() {
+                    return [
+                        '_routePageChanged(routeData.page)',
+                        '_categoryDataChanged(categoryData.name)',
+                    ];
+                }
+
                 /**
                  * Checks for an empty route passed to redirect user to the default app view.
                  */
@@ -260,6 +337,27 @@
                     if (!this.route.path) {
                         this.set('route.path', '/all-books');
                     }
+                    if (this.route.path === '/all-books') {
+                        if (this.queryParams.q !== undefined) {
+                            this.noAllBooksMessage = "We couldn't find anything for your search - " + this.queryParams.q + "."
+                            this.dispatch('searchByQuery', this.queryParams.q);
+                        } else {
+                            this.$.dropdown.reset();
+                            this.dispatch("resetFilters")
+                        }
+                    }
+                }
+
+                /**
+                 * Creates the 'FILTER_BY_CATEGORY' redux action.
+                 * @param {string} name the name of the category
+                 * @private
+                 */
+                _categoryDataChanged(name) {
+                    if (name) {
+                        this.noAllBooksMessage = "There are no books in this category.";
+                        this.dispatch('filterByCategory', name);
+                    }
                 }
 
                 /**
@@ -283,6 +381,24 @@
                     }
                 }
 
+
+                _showView404() {
+                    this.$.pages.select('view404');
+                }
+
+                /**
+                 * Handles the exlibris-book-query-changed event.
+                 *
+                 * @param {object} e
+                 * @private
+                 */
+                _handleQueryChanged(e) {
+                    this.set('route.path', '/all-books');
+                    this.queryParams = {q: e.detail.query};
+                    e.stopPropagation();
+                }
+
+
                 /**
                  * Dispatch the `FETCH_BOOKS` action to the redux store.
                  * @private
@@ -290,6 +406,11 @@
                 _handleLowerThreshold() {
                     this.dispatch('fetchBooks');
                 }
+
+
+                _showView404() {
+                    this.$.pages.select('view404');
+                }
             }
 
             window.customElements.define(ExlibrisMainApp.is, ExlibrisMainApp);
diff --git a/client-web/src/exlibris-app/exlibris-book-search.html b/client-web/src/exlibris-app/exlibris-book-search.html
new file mode 100644
index 0000000..0436bc6
--- /dev/null
+++ b/client-web/src/exlibris-app/exlibris-book-search.html
@@ -0,0 +1,151 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<link rel="import" href="../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../bower_components/iron-input/iron-input.html">
+<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
+<link rel="import"
+      href="../../bower_components/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
+
+
+<dom-module id="exlibris-book-search">
+    <template>
+        <style>
+            :host {
+                display: block;
+            }
+
+            .search {
+                @apply --layout-horizontal;
+                background-color: var(--exlibris-book-search-background-color, #5897f5);
+                border-radius: 3px;
+                height: 40px;
+            }
+
+            #input {
+                margin-right: 10px;
+                border-radius: 0 3px 3px 0;
+                width: 98%;
+                padding: 12px;
+                cursor: text;
+                background: transparent;
+                color: var(--exlibris-book-search-text-color, white);
+                font-size: 15px;
+                border: 0;
+                outline: 0;
+            }
+
+            ::placeholder {
+                color: var(--book-search-placeholder-color, white);
+            }
+
+            .search-icon {
+                margin: auto 0 auto 12px;
+                color: var(--exlibris-book-search-icon-color, white);
+            }
+
+            iron-input {
+                @apply --layout-flex;
+                border-radius: 0 3px 3px 0;
+                background: transparent;
+            }
+
+        </style>
+
+
+        <div class="search">
+            <iron-icon icon="search" class="search-icon"></iron-icon>
+            <iron-input bind-value="{{query}}">
+                <input id="input" is="iron-input" placeholder="Search">
+            </iron-input>
+        </div>
+
+    </template>
+
+    <script>
+        /**
+         * `<exlibris-book-search>` components it is input with search behaviour.
+         *
+         *  Custom property | Description | Default
+         * ----------------|-------------|----------
+         * `--exlibris-book-search-background-color` | Background color of the component | blue
+         * `--exlibris-book-search-text-color` | Text color in search | white
+         * `--exlibris-book-search-placeholder-color` | Placeholder color in search | white
+         * `--exlibris-book-search-icon-color` | Icon color | white
+         *
+         * @customElement
+         * @polymer
+         */
+        class ExlibrisBookSearch extends Polymer.Element {
+            static get is() {
+                return 'exlibris-book-search';
+            }
+
+
+            static get properties() {
+                /**
+                 * Fired after 500 milliseconds as the query was changed.
+                 *
+                 * @event exlibris-book-search-query-changed
+                 * @param {query} the query to search.
+                 */
+
+                /**
+                 * The query from the input.
+                 */
+                return {
+                    query: {
+                        type: String,
+                        observer: '_queryChanged'
+                    }
+                };
+            }
+
+            /**
+             * Dispatched `exlibris-book-search-query-changed` event.
+             *
+             * @private
+             */
+            _dispatchQueryChangedEvent() {
+                this.dispatchEvent(new CustomEvent('exlibris-book-search-query-changed', {
+                    detail: {
+                        query: this.query
+                    }
+                }));
+            }
+
+            /**
+             * Calls `_dispatchQueryChangedEvent` method
+             * after 500 milliseconds as the request was changed.
+             *
+             * @private
+             */
+            _queryChanged() {
+                const MILLISECONDS_IN_HALF_A_SECOND = 500;
+                this._debouncer = Polymer.Debouncer.debounce(
+                    this._debouncer,
+                    Polymer.Async.timeOut.after(MILLISECONDS_IN_HALF_A_SECOND),
+                    () => this._dispatchQueryChangedEvent());
+            }
+        }
+
+        window.customElements.define(ExlibrisBookSearch.is, ExlibrisBookSearch);
+    </script>
+</dom-module>
diff --git a/client-web/src/exlibris-app/exlibris-category-dropdown.html b/client-web/src/exlibris-app/exlibris-category-dropdown.html
new file mode 100644
index 0000000..3b35cb8
--- /dev/null
+++ b/client-web/src/exlibris-app/exlibris-category-dropdown.html
@@ -0,0 +1,112 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<link rel="import" href="../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../bower_components/polymer/lib/elements/dom-repeat.html">
+<link rel="import" href="../../bower_components/neon-animation/web-animations.html">
+<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="../../bower_components/paper-listbox/paper-listbox.html">
+<link rel="import" href="../../bower_components/paper-item/paper-item.html">
+
+<dom-module id="exlibris-category-dropdown">
+    <template>
+        <style>
+            :host {
+                display: block;
+            }
+
+            paper-dropdown-menu {
+
+                --paper-input-container-focus-color: var(--paper-blue-600);
+
+                --paper-input-container-label: {
+                    color: var(--paper-grey-600);
+                };
+                --paper-input-container-input: {
+                    color: var(--paper-grey-600);
+                };
+            }
+
+            a {
+                text-decoration: none !important;
+                color: var(--paper-grey-900);
+            }
+
+            a:visited {
+                color: var(--paper-grey-900);
+            }
+
+            a:active {
+                color: var(--paper-grey-900);
+            }
+        </style>
+
+        <paper-dropdown-menu label="Category" vertical-offset="60">
+            <paper-listbox id="content" slot="dropdown-content" class="dropdown-content"
+                           selected="[[selectedItem]]">
+                <template is="dom-repeat" items="[[categories]]">
+                    <a href="/#/all-books/category/[[item]]">
+                        <paper-item>[[item]]</paper-item>
+                    </a>
+                </template>
+            </paper-listbox>
+        </paper-dropdown-menu>
+
+    </template>
+
+    <script>
+        /**
+         * `<exlibris-category-dropdown>` shows dropdown menu with categories.
+         *
+         *
+         * @customElement
+         * @polymer
+         */
+        class ExlibrisCategoryDropdown extends Polymer.Element {
+            static get is() {
+                return 'exlibris-category-dropdown';
+            }
+
+            static get properties() {
+                return {
+
+                    /**
+                     * The array of categories to display in the dropdown menu.
+                     */
+                    categories: {
+                        type: Array,
+                        value: []
+                    },
+
+                    /**
+                     * The number of the selected item in the paper-listbox.
+                     */
+                    selectedItem: Object
+                };
+            }
+
+            reset() {
+                this.$.content.selected = null;
+            }
+        }
+
+        window.customElements.define(ExlibrisCategoryDropdown.is, ExlibrisCategoryDropdown);
+    </script>
+</dom-module>
diff --git a/client-web/src/exlibris-app/menu/exlibris-menu-drawer.html b/client-web/src/exlibris-app/menu/exlibris-menu-drawer.html
index 77c7a3b..884df76 100644
--- a/client-web/src/exlibris-app/menu/exlibris-menu-drawer.html
+++ b/client-web/src/exlibris-app/menu/exlibris-menu-drawer.html
@@ -81,42 +81,42 @@
                        attr-for-selected="data-page"
                        selected="[[selected]]">
 
-            <exlibris-menu-item link="#/all-books"
+            <exlibris-menu-item link="/#/all-books"
                                 title="All Books"
                                 data-page="all-books">
                 <iron-icon icon="book"
                            class="app-color"></iron-icon>
             </exlibris-menu-item>
 
-            <exlibris-menu-item link="#/expected-soon"
+            <exlibris-menu-item link="/#/expected-soon"
                                 title="Expected Soon"
                                 data-page="expected-soon">
                 <iron-icon icon="update"
                            class="green"></iron-icon>
             </exlibris-menu-item>
 
-            <exlibris-menu-item link="#/borrowed-books"
+            <exlibris-menu-item link="/#/borrowed-books"
                                 title="Borrowed Books"
                                 data-page="borrowed-books"
                                 count="[[borrowedCount]]">
                 <iron-icon icon="shopping-basket"></iron-icon>
             </exlibris-menu-item>
 
-            <exlibris-menu-item link="#/reserved-books"
+            <exlibris-menu-item link="/#/reserved-books"
                                 title="Reserved Books"
                                 data-page="reserved-books"
                                 count="[[reservedCount]]">
                 <iron-icon icon="lock"></iron-icon>
             </exlibris-menu-item>
 
-            <exlibris-menu-item link="#/should-return-books"
+            <exlibris-menu-item link="/#/should-return-books"
                                 title="Should Return Soon"
                                 data-page="should-return-books"
                                 count="[[shouldReturnSoonCount]]">
                 <iron-icon icon="query-builder"></iron-icon>
             </exlibris-menu-item>
 
-            <exlibris-menu-item link="#/overdue-books"
+            <exlibris-menu-item link="/#/overdue-books"
                                 title="Overdue"
                                 data-page="overdue-books"
                                 count="[[overdueCount]]">
diff --git a/client-web/src/exlibris-app/reducers/exlibris-reducer.html b/client-web/src/exlibris-app/reducers/exlibris-reducer.html
index fae699a..68c7458 100644
--- a/client-web/src/exlibris-app/reducers/exlibris-reducer.html
+++ b/client-web/src/exlibris-app/reducers/exlibris-reducer.html
@@ -18,11 +18,15 @@
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
 <script src="../test_values.js"></script>
-<link rel="import" href="../book-values.html">
+<script src="./loading-status.js"></script>
+<link rel="import" href="../book/book-values.html">
 <link rel="import" href="../actions/exlibris-actions.html">
+<script src="./loading-status.js"></script>
+<link rel="import" href="../actions/exlibris-action.html">
 
 <script>
-    /*global userTestBooks libraryTestBooks expectedSoonLibraryBooks*/
+    /* exported reducer */
+    /*global userTestBooks libraryTestBooks expectedSoonLibraryBooks testCategories*/
     {
         const initialState = {
             overdueBooks: [...userTestBooks.overdue],
@@ -30,7 +34,13 @@
             shouldReturnBooks: userTestBooks.shouldReturnSoon,
             reservedBooks: userTestBooks.reserved,
             allBooks: [...userTestBooks.overdue, ...libraryTestBooks],
-            expectedSoonBooks: expectedSoonLibraryBooks
+            expectedSoonBooks: expectedSoonLibraryBooks,
+            bookDetails: {
+                book: {},
+                loadingStatus: {}
+            },
+            categories: testCategories
+
         };
 
         ExlibrisApp.reducer = (state = initialState, action) => {
@@ -39,9 +49,84 @@
                     //TODO:2018-55-17:yurii.haidamaka add data loading from the server
                     return state;
                 }
+                case ExlibrisApp.ExlibrisActions.FIND_BOOK_BY_ID: {
+                    const id = action.bookId;
+                    const book = findElement(id, state.allBooks, state.expectedSoonBooks, state.borrowedBooks, state.reservedBooks);
+                    if (book) {
+                        return Object.assign({}, state, {
+                            bookDetails: {
+                                book: book,
+                                loadingStatus: ExlibrisApp.LoadingStatus.COMPLETED
+                            }
+                        });
+                    }
+                    return Object.assign({}, state, {
+                        bookDetails: {
+                            book: {},
+                            loadingStatus: ExlibrisApp.LoadingStatus.NOT_FOUND
+                        }
+                    });
+                }
+
+                case ExlibrisApp.ExlibrisActions.RESERVE_BOOK: {
+                    //TODO:2018-21-18:yegor.udovchenko: request reservation
+                    return state;
+                }
+
+                case ExlibrisApp.ExlibrisActions.CANCEL_BOOK_RESERVATION: {
+                    //TODO:2018-21-18:yegor.udovchenko: request cancel reservation
+                    return state;
+                }
+
+                case ExlibrisApp.ExlibrisActions.EXTEND_LOAN_PERIOD: {
+                    //TODO:2018-22-18:yegor.udovchenko: request loan extension
+                }
+                case ExlibrisApp.ExlibrisActions.FILTER_BY_CATEGORY: {
+                    //TODO:2018-51-27:yurii.haidamaka Add requests to the server
+
+                    /*for now we filter the test data*/
+                    const category = action.category;
+                    const filteredBooks = libraryTestBooks.filter(
+                        b => b.category === category);
+                    return Object.assign({}, state, {allBooks: filteredBooks});
+                }
+                case ExlibrisApp.ExlibrisActions.SEARCH_BY_QUERY: {
+                    //TODO:2018-51-27:yurii.haidamaka Add requests to the server
+
+                    /*for now we sort the test data*/
+                    const query = action.query.toLowerCase();
+                    const filteredBooks = libraryTestBooks.filter(
+                        b => b.title.toLowerCase().includes(query) ||
+                            b.author.toLowerCase().includes(query) || b.description.toLowerCase().includes(query));
+                    return Object.assign({}, state, {allBooks: filteredBooks});
+                }
+                case ExlibrisApp.ExlibrisActions.RESET_FILTERS: {
+                    const allBooks = [...state.overdueBooks, ...libraryTestBooks]
+                    return Object.assign({}, state, {allBooks: allBooks});
+                }
+                case ExlibrisApp.ExlibrisActions.FETCH_BOOKS: {
+                    //TODO:2018-55-17:yurii.haidamaka add data loading from the server
+                    return state;
+                }
+
                 default:
                     return state;
             }
         };
+
+        function findElement(id) {
+            let element;
+            let i = 1;
+            while (!element && i < arguments.length) {
+                if (Array.isArray(arguments[i])) {
+                    const filteredArray = arguments[i].filter(x => x.id === id);
+                    if (filteredArray.length > 0) {
+                        element = filteredArray[0];
+                    }
+                }
+                i++;
+            }
+            return element;
+        }
     }
 </script>
diff --git a/client-web/src/exlibris-app/reducers/loading-status.js b/client-web/src/exlibris-app/reducers/loading-status.js
new file mode 100644
index 0000000..3b469ef
--- /dev/null
+++ b/client-web/src/exlibris-app/reducers/loading-status.js
@@ -0,0 +1,27 @@
+/*
+ * Copyright 2018, TeamDev Ltd. All rights reserved.
+ *
+ * Redistribution and use in source and/or binary forms, with or without
+ * modification, must retain the above copyright notice and the following
+ * disclaimer.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+ * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+ * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+ * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+ * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+ * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+ * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+ * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+ * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+/* exported LoadingStatus */
+
+ExlibrisApp.LoadingStatus = {
+    IN_PROGRESS: "IN_PROGRESS",
+    COMPLETED: "COMPLETED",
+    NOT_FOUND: "NOT_FOUND"
+};
diff --git a/client-web/src/exlibris-app/test_values.js b/client-web/src/exlibris-app/test_values.js
index d8af86e..43acd47 100644
--- a/client-web/src/exlibris-app/test_values.js
+++ b/client-web/src/exlibris-app/test_values.js
@@ -32,6 +32,7 @@ const libraryTestBooks = [
         title: "Прежде Чем Он Согрешит ",
         image: "https://books.google.com/books/content/images/frontcover/uVVMDwAAQBAJ?fife=w200-h300",
         author: "Блейк Пирс",
+        isbn: "9781640293663",
         category: "Fiction ",
         description: "Блейк Пирс, автор бестселлера «КОГДА ОНА УШЛА» (бестселлера #1 с более чем 900 отзывов с высшей оценкой), представляет книгу #7 в увлекательной серии детективных романов о Макензи Уайт.\n" +
         "В «ПРЕЖДЕ ЧЕМ ОН СОГРЕШИТ» (Загадки Макензи Уайт—Книга 7) по всему Вашингтону полиция находит тела священников, распятые перед входом в храмы. Что это, акт возмездия? Искать ли преступника среди служителей церкви? Или это серийный убийца, открывший охоту на священников и движимый более зловещими мотивами?\n" +
@@ -48,6 +49,7 @@ const libraryTestBooks = [
         title: "The Martian",
         image: "https://books.google.com/books/content/images/frontcover/gdxlAQAAQBAJ?fife=w200-h300",
         author: "Andy Weir",
+        isbn: "B017PNMYSK",
         category: "Fiction",
         description: "The Sunday Times Bestseller behind the major new film from Ridley Scott starring Matt Damon and Jessica Chastain.\n" +
         "I’m stranded on Mars.\n" +
@@ -65,10 +67,11 @@ const libraryTestBooks = [
         status: "EXPECTED"
     }, {
 
-        id: "8535902772",
+        id: "0132350882",
         title: "Clean Code: A Handbook of Agile Software Craftsmanship",
         image: "https://books.google.com/books/content/images/frontcover/_i6bDeoCQzsC?fife=w200-h300",
         author: "Robert C. Martin",
+        isbn: "0132350882",
         category: "Programming",
         description: "Even bad code can function. But if code isn’t clean, it can bring a development organization to its knees. Every year, countless hours and significant resources are lost because of poorly written code. But it doesn’t have to be that way.\n" +
         "\n" +
@@ -89,10 +92,11 @@ const libraryTestBooks = [
         availableCount: 4,
         status: "AVAILABLE"
     }, {
-        id: "8535902773",
+        id: "0596527756",
         title: "Java Generics and Collections: Speed Up the Java Development Process",
         image: "https://books.google.com/books/content/images/frontcover/zaoK0Z2STlkC?fife=w200-h300",
         author: "Maurice Naftalin",
+        isbn: "0596527756",
         category: "Java programming",
         description: "This comprehensive guide shows you how to master the most importantchanges to Java since it was first released. Generics and the greatlyexpanded collection libraries have tremendously increased the power ofJava 5 and Java 6. But they have also confused many developers whohaven't known how to take advantage of these new features.\n" +
         "Java Generics and Collections covers everything from the mostbasic uses of generics to the strangest corner cases. It teaches youeverything you need to know about the collections libraries, so you'llalways know which collection is appropriate for any given task, andhow to use it.\n" +
@@ -113,10 +117,11 @@ const libraryTestBooks = [
         status: "EXPECTED"
     }, {
 
-        id: "8535902774",
+        id: "0321563840",
         title: "The C++ Programming Language: Edition 4",
         image: "https://books.google.com/books/content/images/frontcover/PSUNAAAAQBAJ?fife=w200-h300",
         author: "Bjarne Stroustrup",
+        isbn: "0321563840",
         category: "C++",
         description: "The new C++11 standard allows programmers to express ideas more clearly, simply, and directly, and to write faster, more efficient code. Bjarne Stroustrup, the designer and original implementer of C++, has reorganized, extended, and completely rewritten his definitive reference and tutorial for programmers who want to use C++ most effectively.\n" +
         "The C++ Programming Language, Fourth Edition, delivers meticulous, richly explained, and integrated coverage of the entire language—its facilities, abstraction mechanisms, standard libraries, and key design techniques. Throughout, Stroustrup presents concise, “pure C++11” examples, which have been carefully crafted to clarify both usage and program design. To promote deeper understanding, the author provides extensive cross-references, both within the book and to the ISO standard.\n" +
@@ -141,10 +146,11 @@ const libraryTestBooks = [
         availableCount: 6,
         status: "AVAILABLE"
     }, {
-        id: "8535902776",
+        id: "0753555638",
         title: "Elon Musk: How the Billionaire CEO of SpaceX and Tesla is Shaping our Future",
         image: "https://books.google.com/books/content/images/frontcover/_LFSBgAAQBAJ?fife=w200-h300",
         author: "Ashlee Vance",
+        isbn: "0753555638",
         category: "Biography",
         description: "Explore the whole new world of web development and create responsive web apps using PolymerAbout This Book\n" +
         "Get to grips with the principles of Material Design and Google Web components\n" +
@@ -173,10 +179,11 @@ const libraryTestBooks = [
         status: "AVAILABLE"
     }, {
 
-        id: "8535902777",
+        id: "0321965515",
         title: "Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability, Edition 3",
         image: "https://books.google.com/books/content/images/frontcover/QlduAgAAQBAJ?fife=w200-h300",
         author: "Steve Krug",
+        isbn: "0321965515",
         category: "Web Design",
         description: "Since Don’t Make Me Think was first published in 2000, hundreds of thousands of Web designers and developers have relied on usability guru Steve Krug’s guide to help them understand the principles of intuitive navigation and information design. Witty, commonsensical, and eminently practical, it’s one of the best-loved and most recommended books on the subject.\n" +
         "\n" +
@@ -190,28 +197,31 @@ const libraryTestBooks = [
         availableCount: 10,
         status: "AVAILABLE"
     }, {
-        id: "8535902778",
+        id: "1617292575",
         title: "Node.js в действии. 2-е издание",
         image: "https://books.google.com/books/content/images/frontcover/s9VMDwAAQBAJ?fife=w200-h300",
         author: "Кантелон МайкХартер МаркГоловайчук TJРайлих Натан",
+        isbn: "1617292575",
         description: "Реактивное программирование - совершенно новая и многообещающая парадигма, позволяющая эффективно решать задачи, связанные с созданием распределенных систем и программированием для JVM. Эта книга расскажет, как организовать поток задач, наладить обмен сообщениями между элементами программы, обеспечить параллельную и конкурентную обработку и создавать надежные, отказоустойчивые и гибкие приложения. Перед вами - основополагающая работа по шаблонам проектирования (design patterns) этой парадигмы. Книга проиллюстрирована многочисленными примерами и ориентирована на опытных Java- и Scala-разработчиков",
         availableCount: 11,
         status: "AVAILABLE"
     }, {
 
-        id: "8535902779",
+        id: "9781491931776",
         title: "React.js. Быстрый старт",
         image: "https://books.google.com/books/content/images/frontcover/g79TDgAAQBAJ?fife=w200-h300",
         author: "Стоян Стефанов",
+        isbn: "9781491931776",
         description: "Незаменимая вводная книга по технологии React для взыскательных JavaScript-разработчиков. Все самое интересное о сверхпопулярном инструменте от компании Facebook. В книге рассмотрены основные концепции высокопроизводительного программирования при помощи React, реальные примеры кода и доступные блок-схемы. Прочитав ее, вы научитесь: • Создавать и использовать собственные компоненты React наряду с универсальными компонентами DOM • Писать компоненты для таблиц данных, позволяющие редактировать, сортировать таблицу, выполнять в ней поиск и экспортировать ее содержимое • Использовать дополнительный синтаксис JSX в качестве альтернативы для вызовов функций • Запускать низкоуровневый гибкий процесс сборки, который освободит вам время и поможет сосредоточиться на работе с React • Работать с инструментами ESLint, Flow и Jest, позволяющими проверять и тестировать код по мере разработки приложения • Обеспечивать коммуникацию между компонентами при помощи Flux В итоге у вас получится полноценное веб-приложение, позволяющее сохранять данные на стороне клиента.",
         availableCount: 0,
         status: "EXPECTED"
     }, {
 
-        id: "8535902710",
+        id: "1782168877",
         title: "Game Programming Using Qt: Beginner's Guide",
         image: "https://books.google.com/books/content/images/frontcover/6F0dDAAAQBAJ?fife=w200-h300",
         author: "Witold WysotaLorenz Haas",
+        isbn: "1782168877",
         category: "Programming",
         description: "A complete guide to designing and building fun games with Qt and Qt Quick 2 using associated toolsetsAbout This Book\n" +
         "Learn to create simple 2D to complex 3D graphics and games using all possible tools and widgets available for game development in Qt\n" +
@@ -241,19 +251,21 @@ const libraryTestBooks = [
         status: "AVAILABLE"
     }, {
 
-        id: "8535902711",
+        id: "1484228073",
         title: "Pro Spring 5: An In-Depth Guide to the Spring Framework and Its Tools, Edition 5",
         image: "https://books.google.com/books/content/images/frontcover/N-U5DwAAQBAJ?fife=w200-h300",
         author: "Iuliana CosminaRob HarropChris SchaeferClarence Ho",
+        isbn: "1484228073",
         category: "Java Programming",
         description: "",
-        availableCount: 286,
+        availableCount: 8,
         status: "AVAILABLE"
     }, {
-        id: "8535902712",
+        id: "0596517742",
         title: "JavaScript: The Good Parts: The Good Parts",
         image: "https://books.google.com/books/content/images/frontcover/PXa2bby0oQ0C?fife=w200-h300",
         author: "Douglas Crockford",
+        isbn: "0596517742",
         category: "JavaScript",
         description: "Most programming languages contain good and bad parts, but JavaScript has more than its share of the bad, having been developed and released in a hurry before it could be refined. This authoritative book scrapes away these bad features to reveal a subset of JavaScript that's more reliable, readable, and maintainable than the language as a whole—a subset you can use to create truly extensible and efficient code.\n" +
         "Considered the JavaScript expert by many people in the development community, author Douglas Crockford identifies the abundance of good ideas that make JavaScript an outstanding object-oriented programming language-ideas such as functions, loose typing, dynamic objects, and an expressive object literal notation. Unfortunately, these good ideas are mixed in with bad and downright awful ideas, like a programming model based on global variables.\n" +
@@ -275,10 +287,11 @@ const libraryTestBooks = [
         availableCount: 15,
         status: "AVAILABLE"
     }, {
-        id: "8535902713",
+        id: "9351108511",
         title: "Java in a Nutshell: A Desktop Quick Reference, Edition 6",
         image: "https://books.google.com/books/content/images/frontcover/trDXBAAAQBAJ?fife=w200-h300",
         author: "Benjamin J EvansDavid Flanagan",
+        isbn: "9351108511",
         category: "Java Programming",
         description: "The latest edition of Java in a Nutshell is designed to help experienced Java programmers get the most out of Java 7 and 8, but it’s also a learning path for new developers. Chock full of examples that demonstrate how to take complete advantage of modern Java APIs and development best practices, the first section of this thoroughly updated book provides a fast-paced, no-fluff introduction to the Java programming language and the core runtime aspects of the Java platform.\n" +
         "The second section is a reference to core concepts and APIs that shows you how to perform real programming work in the Java environment.\n" +
@@ -295,10 +308,11 @@ const libraryTestBooks = [
         availableCount: 5,
         status: "AVAILABLE"
     }, {
-        id: "8535902714",
+        id: "1491904240",
         title: "You Don't Know JS: ES6 & Beyond",
         image: "https://books.google.com/books/content/images/frontcover/iOc6CwAAQBAJ?fife=w200-h300",
         author: "Kyle Simpson",
+        isbn: '1491904240',
         category: "JavaScript",
         description: "No matter how much experience you have with JavaScript, odds are you don’t fully understand the language. As part of the \"You Don’t Know JS\" series, this compact guide focuses on new features available in ECMAScript 6 (ES6), the latest version of the standard upon which JavaScript is built.\n" +
         "Like other books in this series, You Don’t Know JS: ES6 & Beyond dives into trickier parts of the language that many JavaScript programmers either avoid or know nothing about. Armed with this knowledge, you can achieve true JavaScript mastery.\n" +
@@ -315,10 +329,11 @@ const libraryTestBooks = [
         availableCount: 1,
         status: "AVAILABLE"
     }, {
-        id: "8535902715",
+        id: "9781640293663",
         title: "Прежде Чем Он Согрешит ",
         image: "https://books.google.com/books/content/images/frontcover/uVVMDwAAQBAJ?fife=w200-h300",
         author: "Блейк Пирс",
+        isbn: "9781640293663",
         category: "Fiction ",
         description: "Блейк Пирс, автор бестселлера «КОГДА ОНА УШЛА» (бестселлера #1 с более чем 900 отзывов с высшей оценкой), представляет книгу #7 в увлекательной серии детективных романов о Макензи Уайт.\n" +
         "В «ПРЕЖДЕ ЧЕМ ОН СОГРЕШИТ» (Загадки Макензи Уайт—Книга 7) по всему Вашингтону полиция находит тела священников, распятые перед входом в храмы. Что это, акт возмездия? Искать ли преступника среди служителей церкви? Или это серийный убийца, открывший охоту на священников и движимый более зловещими мотивами?\n" +
@@ -335,6 +350,7 @@ const libraryTestBooks = [
         title: "The Martian",
         image: "https://books.google.com/books/content/images/frontcover/gdxlAQAAQBAJ?fife=w200-h300",
         author: "Andy Weir",
+        isbn: "B017PNMYSK",
         category: "Fiction ",
         description: "The Sunday Times Bestseller behind the major new film from Ridley Scott starring Matt Damon and Jessica Chastain.\n" +
         "I’m stranded on Mars.\n" +
@@ -355,6 +371,7 @@ const libraryTestBooks = [
         title: "Clean Code: A Handbook of Agile Software Craftsmanship",
         image: "https://books.google.com/books/content/images/frontcover/_i6bDeoCQzsC?fife=w200-h300",
         author: "Robert C. Martin",
+        isbn: "0132350882",
         category: "Programming",
         description: "Even bad code can function. But if code isn’t clean, it can bring a development organization to its knees. Every year, countless hours and significant resources are lost because of poorly written code. But it doesn’t have to be that way.\n" +
         "\n" +
@@ -684,7 +701,8 @@ const userTestBooks = {
             "Style and approach\n" +
             "This is your guide to designing custom web components, and the concepts are explained in a conversational and easy-to-follow style. Each topic is explained through examples, with detailed explanations wherever required.",
             dueDate: new Date(new Date().getTime() + TWO_WEEKS * MILLISECONDS_IN_ONE_DAY),
-            status: "BORROWED"
+            status: "BORROWED",
+            isAllowedLoanExtension: true
         }],
         overdue: [{
             id: "8535902722",
@@ -699,7 +717,8 @@ const userTestBooks = {
             "Quick Start Guide to JavaFX by J.F. DiMarzio\n" +
             "Mastering JavaFX 8 Controls: Create Custom JavaFX 8 Controls for Cross-Platform Applications by Hendrik Ebbers",
             dueDate: new Date(new Date().getTime() - TWO_DAYS * MILLISECONDS_IN_ONE_DAY),
-            status: "OVERDUE"
+            status: "OVERDUE",
+            isAllowedLoanExtension: false
         }],
         shouldReturnSoon: [{
             id: "8535902724",
@@ -731,8 +750,12 @@ const userTestBooks = {
             "Style and approach\n" +
             "This is your guide to designing custom web components, and the concepts are explained in a conversational and easy-to-follow style. Each topic is explained through examples, with detailed explanations wherever required.",
             dueDate: new Date(new Date().getTime() + THREE_DAYS * MILLISECONDS_IN_ONE_DAY),
-            status: "BORROWED"
+            status: "BORROWED",
+            isAllowedLoanExtension: false
         }]
     }
 ;
 
+/*exported testCategories*/
+const testCategories = ["Java Programming", "Web Design", "Business", "JavaScript", "Programming", "Biography", "Fiction", "C++"].sort();
+
diff --git a/client-web/test/exlibris-app/book/exlibris-book-details-buttons_test.html b/client-web/test/exlibris-app/book/exlibris-book-details-buttons_test.html
new file mode 100644
index 0000000..b2300e9
--- /dev/null
+++ b/client-web/test/exlibris-app/book/exlibris-book-details-buttons_test.html
@@ -0,0 +1,178 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>exlibris-book-details buttons test</title>
+
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
+    <script src="../../../node_modules/redux/dist/redux.js"></script>
+
+    <script src="../test_variables.js"></script>
+    <link rel="import" href="../../../src/exlibris-app/book/exlibris-book-details.html">
+    <link rel="import" href="../../../src/exlibris-app/book/book-values.html">
+</head>
+<body>
+
+<test-fixture id="BasicTestFixture">
+    <template>
+        <exlibris-book-details></exlibris-book-details>
+    </template>
+</test-fixture>
+
+<script>
+    suite('exlibris-book-details', function () {
+
+        const BUTTON_TITLES = {
+            RESERVE: 'RESERVE',
+            CANCEL_RESERVATION: 'CANCEL RESERVATION',
+            EXTEND_LOAN_PERIOD: 'EXTEND LOAN PERIOD'
+        };
+
+        const ACTION_UNSUPPORTED_MESSAGE = 'RESERVED BY ANOTHER READER';
+
+        const BOOK_DETAILS_SELECTORS = {
+            WIDE_SCREEN_BUTTON: '.book-card .head-part .book-details .details-action-part paper-button',
+            NARROW_SCREEN_BUTTON: '.book-card .narrow-screen-action-part paper-button',
+            WIDE_SCREEN_MESSAGE: '.book-card .head-part .book-details .details-action-part .action-part-message',
+            NARROW_SCREEN_MESSAGE: '.book-card .narrow-screen-action-part .action-part-message'
+        };
+
+        let booksAndButtonsCombinations;
+        let testElements;
+
+        setup(() => {
+            booksAndButtonsCombinations = [
+                {
+                    book: {status: ExlibrisApp.BookStatus.EXPECTED},
+                    button: BUTTON_TITLES.RESERVE,
+                    actionUnsupportedMessage: ''
+                },
+                {
+                    book: {status: ExlibrisApp.BookStatus.EXPECTED_SOON},
+                    button: BUTTON_TITLES.RESERVE,
+                    actionUnsupportedMessage: ''
+                },
+                {
+                    book: {status: ExlibrisApp.BookStatus.AVAILABLE},
+                    button: '',
+                    actionUnsupportedMessage: ''
+                },
+                {
+                    book: {
+                        status: ExlibrisApp.BookStatus.BORROWED,
+                        isAllowedLoanExtension: true
+                    },
+                    button: BUTTON_TITLES.EXTEND_LOAN_PERIOD,
+                    actionUnsupportedMessage: ''
+                },
+                {
+                    book: {
+                        status: ExlibrisApp.BookStatus.OVERDUE,
+                        isAllowedLoanExtension: true
+                    },
+                    button: BUTTON_TITLES.EXTEND_LOAN_PERIOD,
+                    actionUnsupportedMessage: ''
+                },
+                {
+                    book: {
+                        status: ExlibrisApp.BookStatus.SHOULD_RETURN_SOON,
+                        isAllowedLoanExtension: true
+                    },
+                    button: BUTTON_TITLES.EXTEND_LOAN_PERIOD,
+                    actionUnsupportedMessage: ''
+                },
+                {
+                    book: {
+                        status: ExlibrisApp.BookStatus.BORROWED,
+                        isAllowedLoanExtension: false
+                    },
+                    button: '',
+                    actionUnsupportedMessage: ACTION_UNSUPPORTED_MESSAGE
+                },
+                {
+                    book: {
+                        status: ExlibrisApp.BookStatus.OVERDUE,
+                        isAllowedLoanExtension: false
+                    },
+                    button: '',
+                    actionUnsupportedMessage: ACTION_UNSUPPORTED_MESSAGE
+                },
+                {
+                    book: {
+                        status: ExlibrisApp.BookStatus.SHOULD_RETURN_SOON,
+                        isAllowedLoanExtension: false
+                    },
+                    button: '',
+                    actionUnsupportedMessage: ACTION_UNSUPPORTED_MESSAGE
+                },
+                {
+                    book: {status: ExlibrisApp.BookStatus.RESERVED},
+                    button: BUTTON_TITLES.CANCEL_RESERVATION,
+                    actionUnsupportedMessage: ''
+                },
+                {
+                    book: {status: ExlibrisApp.BookStatus.READY_TO_PICK_UP},
+                    button: BUTTON_TITLES.CANCEL_RESERVATION,
+                    actionUnsupportedMessage: ''
+                }
+            ];
+            testElements = [];
+
+            booksAndButtonsCombinations.forEach(function (combination) {
+                const element = fixture('BasicTestFixture');
+                element.set('book', combination.book);
+                testElements.push(element);
+            });
+        });
+
+        test('should display book action button with appropriate title.', function (done) {
+            flush(() => {
+                testElements.forEach(function (element, index) {
+                    const wideScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_BUTTON);
+                    const narrowScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.NARROW_SCREEN_BUTTON);
+                    assert.equal(wideScreenButton.innerHTML.trim(), booksAndButtonsCombinations[index].button);
+                    assert.equal(narrowScreenButton.innerHTML.trim(), booksAndButtonsCombinations[index].button);
+                });
+                done();
+            });
+        });
+
+        test('should display appropriate message when actions with book are unsupported.', function (done) {
+            flush(() => {
+                testElements.forEach(function (element, index) {
+                    const wideScreenMessage = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_MESSAGE);
+                    const narrowScreenMessage = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.NARROW_SCREEN_MESSAGE);
+                    assert.equal(wideScreenMessage.innerHTML.trim(), booksAndButtonsCombinations[index].actionUnsupportedMessage);
+                    assert.equal(narrowScreenMessage.innerHTML.trim(), booksAndButtonsCombinations[index].actionUnsupportedMessage);
+                });
+                done();
+            });
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/client-web/test/exlibris-app/book/exlibris-book-details-redirect-link_test.html b/client-web/test/exlibris-app/book/exlibris-book-details-redirect-link_test.html
new file mode 100644
index 0000000..3421a35
--- /dev/null
+++ b/client-web/test/exlibris-app/book/exlibris-book-details-redirect-link_test.html
@@ -0,0 +1,98 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>exlibris-book-details-redirect-link test</title>
+
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
+
+    <link rel="import"
+          href="../../../src/exlibris-app/book/exlibris-book-details-redirect-link.html">
+</head>
+<body>
+
+<test-fixture id="BasicTestFixture">
+    <template>
+        <exlibris-book-details-redirect-link></exlibris-book-details-redirect-link>
+    </template>
+</test-fixture>
+
+<script>
+    suite('exlibris-book-details-redirect-link', function () {
+        let element;
+
+        const TEST_BOOK_CODES = {
+            ISBN_10: '1234567890',
+            ISBN_13: '1234567890000',
+            ASIN: 'A12345678A',
+            INVALID: 'CODE'
+        };
+        const TEST_BOOK_TITLE = 'TITLE';
+        const LINK_SELECTOR = '#link';
+
+        setup(() => {
+            element = fixture('BasicTestFixture');
+        });
+
+        test('should generate Amazon redirect link when code matches the `ISBN_10` pattern.', function () {
+            element.bookCode = TEST_BOOK_CODES.ISBN_10;
+            element.bookTitle = TEST_BOOK_TITLE;
+            const expectedLink = 'https://www.amazon.com/' + TEST_BOOK_TITLE + '/dp/' + TEST_BOOK_CODES.ISBN_10 + '/';
+
+            const link = element.shadowRoot.querySelector(LINK_SELECTOR);
+            assert.equal(link.href, expectedLink);
+        });
+
+        test('should generate Play Books redirect link when code matches the `ISBN_13` pattern.', function () {
+            element.bookCode = TEST_BOOK_CODES.ISBN_13;
+            element.bookTitle = TEST_BOOK_TITLE;
+            const expectedLink = 'https://play.google.com/store/search?q=' + TEST_BOOK_CODES.ISBN_13 + '&c=books'
+
+            const link = element.shadowRoot.querySelector(LINK_SELECTOR);
+            assert.equal(link.href, expectedLink);
+        });
+
+        test('should generate Amazon redirect link when code matches the `ASIN` pattern.', function () {
+            element.bookCode = TEST_BOOK_CODES.ASIN;
+            element.bookTitle = TEST_BOOK_TITLE;
+            const expectedLink = 'https://www.amazon.com/' + TEST_BOOK_TITLE + '/dp/' + TEST_BOOK_CODES.ASIN + '/';
+
+            const link = element.shadowRoot.querySelector(LINK_SELECTOR);
+            assert.equal(link.href, expectedLink);
+        });
+
+        test('should not generate link when the passed code does not match to any pattern.', function () {
+            element.bookCode = TEST_BOOK_CODES.INVALID;
+            element.bookTitle = TEST_BOOK_TITLE;
+
+            const link = element.shadowRoot.querySelector(LINK_SELECTOR);
+            assert.equal(link.href, '');
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/client-web/test/exlibris-app/book/exlibris-book-details-store_test.html b/client-web/test/exlibris-app/book/exlibris-book-details-store_test.html
new file mode 100644
index 0000000..70ed623
--- /dev/null
+++ b/client-web/test/exlibris-app/book/exlibris-book-details-store_test.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>exlibris-book-details store test</title>
+
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
+    <script src="../../../node_modules/redux/dist/redux.js"></script>
+    <script src="../test_variables.js"></script>
+
+    <link rel="import" href="../../../src/exlibris-app/book/exlibris-book-details.html">
+    <link rel="import" href="../../../src/exlibris-app/book/book-values.html">
+    <link rel="import" href="../../../src/exlibris-app/actions/exlibris-actions.html">
+
+</head>
+<body>
+
+<test-fixture id="BasicTestFixture">
+    <template>
+        <exlibris-book-details></exlibris-book-details>
+    </template>
+</test-fixture>
+
+<script>
+    suite('exlibris-book-details', function () {
+        const TEST_BOOK = ExlibrisAppTest.BOOKS[0];
+        const TEST_BOOK_ROUTE = {
+            prefix: '/book-details',
+            path: '/' + TEST_BOOK.id + '/' + TEST_BOOK.title.replace(/\s/g, '_')
+        };
+
+        const BOOK_DETAILS_SELECTORS = {
+            WIDE_SCREEN_BUTTON: '.book-card .head-part .book-details .details-action-part paper-button',
+        };
+
+        let mockStore;
+
+        setup(() => {
+            mockStore = sinon.mock(ExlibrisApp.store);
+        });
+
+        teardown(() => {
+            mockStore.restore();
+        });
+
+        test('should react on route change and dispatch `FIND_BOOK_BY_ID` action to the store.', function () {
+            const expectedAction = {
+                type: ExlibrisApp.ExlibrisActions.FIND_BOOK_BY_ID,
+                bookId: TEST_BOOK.id
+            };
+            mockStore.expects("dispatch").once().withArgs(expectedAction);
+            const element = fixture('BasicTestFixture');
+            element.set('route', TEST_BOOK_ROUTE);
+
+            mockStore.verify();
+        });
+
+        test('should dispatch `RESERVE_BOOK` action to the store on `RESERVE` button click.', function () {
+            const expectedAction = {
+                type: ExlibrisApp.ExlibrisActions.RESERVE_BOOK,
+                bookId: TEST_BOOK.id
+            };
+            const bookForReservation = Object.assign({}, TEST_BOOK, {status: ExlibrisApp.BookStatus.EXPECTED});
+            const testState = {
+                bookDetails: {
+                    book: bookForReservation
+                }
+            };
+
+            mockStore.expects("getState").returns(testState);
+            mockStore.expects("dispatch").once().withArgs(expectedAction);
+            const element = fixture('BasicTestFixture');
+
+            const wideScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_BUTTON);
+            wideScreenButton.click();
+            mockStore.verify();
+        });
+
+        test('should dispatch `CANCEL_BOOK_RESERVATION` action to the store on `CANCEL RESERVATION` button click.', function () {
+            const expectedAction = {
+                type: ExlibrisApp.ExlibrisActions.CANCEL_BOOK_RESERVATION,
+                bookId: TEST_BOOK.id
+            };
+            const bookForReservation = Object.assign({}, TEST_BOOK, {status: ExlibrisApp.BookStatus.RESERVED});
+            const testState = {
+                bookDetails: {
+                    book: bookForReservation
+                }
+            };
+
+            mockStore.expects("getState").returns(testState);
+            mockStore.expects("dispatch").once().withArgs(expectedAction);
+            const element = fixture('BasicTestFixture');
+
+            const wideScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_BUTTON);
+            wideScreenButton.click();
+            mockStore.verify();
+        });
+
+        test('should dispatch `EXTEND_LOAN_PERIOD` action to the store on `EXTEND LOAN PERIOD` button click.', function () {
+            const expectedAction = {
+                type: ExlibrisApp.ExlibrisActions.EXTEND_LOAN_PERIOD,
+                bookId: TEST_BOOK.id
+            };
+            const bookForReservation = Object.assign({}, TEST_BOOK, {status: ExlibrisApp.BookStatus.BORROWED, isAllowedLoanExtension: true});
+            const testState = {
+                bookDetails: {
+                    book: bookForReservation,
+                    loadingStatus: ExlibrisApp.LoadingStatus.COMPLETED
+                }
+            };
+
+            mockStore.expects("getState").returns(testState);
+            mockStore.expects("dispatch").once().withArgs(expectedAction);
+            const element = fixture('BasicTestFixture');
+
+            const wideScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_BUTTON);
+            wideScreenButton.click();
+            mockStore.verify();
+        });
+
+        test('should react on `loadingStatus` change and dispatch the custom event when the value is `LoadingStatus.NOT_FOUND`.', function (done) {
+            const testState = {
+                bookDetails: {
+                    book: {},
+                    loadingStatus: ExlibrisApp.LoadingStatus.NOT_FOUND
+                }
+            };
+            const stub = sinon.stub(ExlibrisApp.store, "getState");
+            stub.onFirstCall().returns({}).onSecondCall().returns(testState);
+
+            const element = fixture('BasicTestFixture');
+            element.addEventListener('exlibris-book-details-not-found', () => {
+                done();
+            });
+            element.set('route', TEST_BOOK_ROUTE);
+
+            stub.restore();
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/client-web/test/exlibris-app/exlibris-book-tile_test.html b/client-web/test/exlibris-app/book/exlibris-book-tile_test.html
similarity index 56%
rename from client-web/test/exlibris-app/exlibris-book-tile_test.html
rename to client-web/test/exlibris-app/book/exlibris-book-tile_test.html
index 504552c..6f53db5 100644
--- a/client-web/test/exlibris-app/exlibris-book-tile_test.html
+++ b/client-web/test/exlibris-app/book/exlibris-book-tile_test.html
@@ -1,4 +1,24 @@
 <!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
 <html lang="en">
 <head>
     <meta charset="utf-8">
@@ -7,12 +27,12 @@
 
     <title>exlibris-book-tile test</title>
 
-    <link rel="import" href="../../src/exlibris-app/shell/exlibris-app-namespace.html">
-    <script src="./test_variables.js"></script>
-    <script src="./../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
-    <script src="./../../bower_components/web-component-tester/browser.js"></script>
+    <link rel="import" href="../../../src/exlibris-app/shell/exlibris-app-namespace.html">
+    <script src="../test_variables.js"></script>
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
 
-    <link rel="import" href="../../src/exlibris-app/exlibris-book-tile.html">
+    <link rel="import" href="../../../src/exlibris-app/book/exlibris-book-tile.html">
 </head>
 <body>
 
diff --git a/client-web/test/exlibris-app/exlibris-app_store_test.html b/client-web/test/exlibris-app/exlibris-app_store_test.html
new file mode 100644
index 0000000..e69de29
diff --git a/client-web/test/exlibris-app/exlibris-book-search_test.html b/client-web/test/exlibris-app/exlibris-book-search_test.html
new file mode 100644
index 0000000..0a9c62e
--- /dev/null
+++ b/client-web/test/exlibris-app/exlibris-book-search_test.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>exlibris-book-search test</title>
+
+    <script src="./../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="./../../bower_components/web-component-tester/browser.js"></script>
+    <script src="./test_variables.js"></script>
+
+    <link rel="import" href="../../src/exlibris-app/exlibris-book-search.html">
+</head>
+<body>
+
+<test-fixture id="BasicTestFixture">
+    <template>
+        <exlibris-book-search></exlibris-book-search>
+    </template>
+</test-fixture>
+
+<script>
+    suite('exlibris-book-search', function () {
+        let bookSearch;
+        const TEST_QUERY = "TEST_QUERY";
+        setup(() => {
+            bookSearch = fixture('BasicTestFixture');
+        });
+
+
+        test('should dispatch book-search-search event after 500 milliseconds' +
+            ' as the query was changed', function (done) {
+            bookSearch.addEventListener('exlibris-book-search-query-changed', function (e) {
+                assert.equal(e.detail.query, TEST_QUERY);
+                done();
+            });
+            bookSearch.query = TEST_QUERY;
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/client-web/test/exlibris-app/menu/exlibris-menu-drawer_test.html b/client-web/test/exlibris-app/menu/exlibris-menu-drawer_test.html
index d5a8899..57bd7fe 100644
--- a/client-web/test/exlibris-app/menu/exlibris-menu-drawer_test.html
+++ b/client-web/test/exlibris-app/menu/exlibris-menu-drawer_test.html
@@ -45,7 +45,7 @@
     suite('exlibris-menu-drawer', function () {
         let element;
         const SELECTED_DATA_PAGE = 'all-books';
-        const SELECTED_LINK = '#/' + SELECTED_DATA_PAGE;
+        const SELECTED_LINK = '/#/' + SELECTED_DATA_PAGE;
 
         const MENU_SELECTORS = {
             MENU_LIST: '#menu-selector',
@@ -54,12 +54,12 @@
         };
 
         const MENU_REFERENCES = [
-            '#/all-books',
-            '#/expected-soon',
-            '#/borrowed-books',
-            '#/reserved-books',
-            '#/should-return-books',
-            '#/overdue-books'];
+            '/#/all-books',
+            '/#/expected-soon',
+            '/#/borrowed-books',
+            '/#/reserved-books',
+            '/#/should-return-books',
+            '/#/overdue-books'];
 
         setup(() => {
             element = fixture('BasicTestFixture');
diff --git a/client-web/test/exlibris-app/test_variables.js b/client-web/test/exlibris-app/test_variables.js
index e161b40..7b3ebd5 100644
--- a/client-web/test/exlibris-app/test_variables.js
+++ b/client-web/test/exlibris-app/test_variables.js
@@ -30,7 +30,7 @@
         category: "Biography",
         description: "В основу этой биографии легли беседы с самим Стивом Джобсом, а также с его родственниками, друзьями, врагами, соперниками и коллегами. Джобс никак не контролировал автора. Он откровенно отвечал на все вопросы и ждал такой же честности от остальных. Это рассказ о жизни, полной падений и взлетов, о сильном человеке и талантливом бизнесмене, который одним из первых понял: чтобы добиться успеха в XXI веке, нужно соединить креативность и технологии.",
         status: "AVAILABLE",
-        statusMessage: "3 AVAILABLE",
+        statusMessage: "3 available",
         availableCount: 3
     }, {
         id: "123456790",