diff --git a/frontend/app/components/BookCard/__snapshots__/BookCard.test.tsx.snap b/frontend/app/components/BookCard/__snapshots__/BookCard.test.tsx.snap
index 5863db2..264b350 100644
--- a/frontend/app/components/BookCard/__snapshots__/BookCard.test.tsx.snap
+++ b/frontend/app/components/BookCard/__snapshots__/BookCard.test.tsx.snap
@@ -3,32 +3,32 @@
 exports[`BookCard > matches the snapshot 1`] = `
 <div>
   <article
-    class="bookCard"
+    class="relative flex flex-col h-full box-border bg-card rounded-md border-2 border-transparent hover:border-border"
   >
     <button
       aria-label="Add The Blade Itself to favorites"
       aria-pressed="false"
-      class="favoriteButton "
+      class="absolute right-2 top-2 flex items-center justify-center h-8 w-8 cursor-pointer text-2xl rounded-md border "
       type="button"
     >
       +
     </button>
     <a
       aria-label="View details for The Blade Itself"
-      class="bookCardLink"
+      class="flex flex-1 flex-col h-full w-full cursor-pointer box-border rounded-md p-6"
       data-discover="true"
       href="/book/OL8400950W"
     >
       <img
         alt="Book cover of The Blade Itself"
-        class="coverImage"
+        class="w-full object-contain px-6 py-3"
         src="https://covers.openlibrary.org/b/id/14543422-M.jpg?default=false"
       />
       <section
-        class="info"
+        class="mt-4 text-[0.9rem]"
       >
         <h3
-          class="title"
+          class="mb-2 text-base"
         >
           The Blade Itself
         </h3>
diff --git a/app/components/ui/AlertDialog.tsx b/frontend/app/components/ui/AlertDialog.tsx
similarity index 100%
rename from app/components/ui/AlertDialog.tsx
rename to frontend/app/components/ui/AlertDialog.tsx
diff --git a/app/components/ui/Avatar.tsx b/frontend/app/components/ui/Avatar.tsx
similarity index 100%
rename from app/components/ui/Avatar.tsx
rename to frontend/app/components/ui/Avatar.tsx
diff --git a/app/components/ui/Badge.tsx b/frontend/app/components/ui/Badge.tsx
similarity index 100%
rename from app/components/ui/Badge.tsx
rename to frontend/app/components/ui/Badge.tsx
diff --git a/app/components/ui/Breadcrumb.tsx b/frontend/app/components/ui/Breadcrumb.tsx
similarity index 100%
rename from app/components/ui/Breadcrumb.tsx
rename to frontend/app/components/ui/Breadcrumb.tsx
diff --git a/app/components/ui/Button.tsx b/frontend/app/components/ui/Button.tsx
similarity index 100%
rename from app/components/ui/Button.tsx
rename to frontend/app/components/ui/Button.tsx
diff --git a/app/components/ui/Card.tsx b/frontend/app/components/ui/Card.tsx
similarity index 100%
rename from app/components/ui/Card.tsx
rename to frontend/app/components/ui/Card.tsx
diff --git a/app/components/ui/Combobox.tsx b/frontend/app/components/ui/Combobox.tsx
similarity index 100%
rename from app/components/ui/Combobox.tsx
rename to frontend/app/components/ui/Combobox.tsx
diff --git a/app/components/ui/Dialog.tsx b/frontend/app/components/ui/Dialog.tsx
similarity index 100%
rename from app/components/ui/Dialog.tsx
rename to frontend/app/components/ui/Dialog.tsx
diff --git a/app/components/ui/Field.tsx b/frontend/app/components/ui/Field.tsx
similarity index 100%
rename from app/components/ui/Field.tsx
rename to frontend/app/components/ui/Field.tsx
diff --git a/app/components/ui/Input.tsx b/frontend/app/components/ui/Input.tsx
similarity index 100%
rename from app/components/ui/Input.tsx
rename to frontend/app/components/ui/Input.tsx
diff --git a/app/components/ui/InputGroup.tsx b/frontend/app/components/ui/InputGroup.tsx
similarity index 100%
rename from app/components/ui/InputGroup.tsx
rename to frontend/app/components/ui/InputGroup.tsx
diff --git a/app/components/ui/Label.tsx b/frontend/app/components/ui/Label.tsx
similarity index 100%
rename from app/components/ui/Label.tsx
rename to frontend/app/components/ui/Label.tsx
diff --git a/app/components/ui/Pagination.tsx b/frontend/app/components/ui/Pagination.tsx
similarity index 100%
rename from app/components/ui/Pagination.tsx
rename to frontend/app/components/ui/Pagination.tsx
diff --git a/app/components/ui/Select.tsx b/frontend/app/components/ui/Select.tsx
similarity index 100%
rename from app/components/ui/Select.tsx
rename to frontend/app/components/ui/Select.tsx
diff --git a/app/components/ui/Separator.tsx b/frontend/app/components/ui/Separator.tsx
similarity index 100%
rename from app/components/ui/Separator.tsx
rename to frontend/app/components/ui/Separator.tsx
diff --git a/app/components/ui/Skeleton.tsx b/frontend/app/components/ui/Skeleton.tsx
similarity index 100%
rename from app/components/ui/Skeleton.tsx
rename to frontend/app/components/ui/Skeleton.tsx
diff --git a/app/components/ui/Spinner.tsx b/frontend/app/components/ui/Spinner.tsx
similarity index 100%
rename from app/components/ui/Spinner.tsx
rename to frontend/app/components/ui/Spinner.tsx
diff --git a/app/components/ui/Textarea.tsx b/frontend/app/components/ui/Textarea.tsx
similarity index 100%
rename from app/components/ui/Textarea.tsx
rename to frontend/app/components/ui/Textarea.tsx
diff --git a/app/components/ui/Toast.tsx b/frontend/app/components/ui/Toast.tsx
similarity index 100%
rename from app/components/ui/Toast.tsx
rename to frontend/app/components/ui/Toast.tsx
diff --git a/app/components/ui/Tooltip.tsx b/frontend/app/components/ui/Tooltip.tsx
similarity index 100%
rename from app/components/ui/Tooltip.tsx
rename to frontend/app/components/ui/Tooltip.tsx
diff --git a/app/lib/utils.ts b/frontend/app/lib/utils.ts
similarity index 100%
rename from app/lib/utils.ts
rename to frontend/app/lib/utils.ts
diff --git a/components.json b/frontend/components.json
similarity index 100%
rename from components.json
rename to frontend/components.json