diff --git a/frontend/files/app.js b/frontend/files/app.js
index 7a4451e..84a1f42 100644
--- a/frontend/files/app.js
+++ b/frontend/files/app.js
@@ -39,6 +39,9 @@ function renderTable(books, sortField) {
   var bookElement = document.getElementById("books");
   bookElement.innerHTML = TableTemplate(books);
 
+  var bookCount = document.getElementById("bookCount");
+  bookCount.innerHTML = `${books.length} books`;
+
   // add listeners for selecting book to view
   Array.from(bookElement.querySelectorAll("tbody tr"))
     .slice(1) // remove header from Array
diff --git a/frontend/files/index.html b/frontend/files/index.html
index d674e39..7ff99a4 100644
--- a/frontend/files/index.html
+++ b/frontend/files/index.html
@@ -30,6 +30,7 @@
           >git</a
         >
         <div id="searchBox">
+          <span id="bookCount" class="bookCount">_ books</span>
           <input
             id="search"
             type="text"
diff --git a/frontend/files/style.css b/frontend/files/style.css
index 535a6b1..ef2b611 100644
--- a/frontend/files/style.css
+++ b/frontend/files/style.css
@@ -147,6 +147,11 @@ body {
   display: inline;
 }
 
+#header .bookCount {
+  font-size: small;
+  color: #a29c77;
+}
+
 #searchBox {
   position: absolute;
   right: 10px;