Book Tracker App

Bookshelf App

August 2022Frontend Web Developer
Live Demo
Bookshelf App Mockup

Overview

BookshelfAppisaninteractivewebapplicationthatallowsuserstotracktheirreadingprogress.Userscanmarkbooksasreadorcurrentlyreading,searchthroughtheircollection,andorganizetheirpersonallibrarywithdatastoredinlocalbrowserstorage.

Technologies

HTMLHTML
CSSCSS
JavaScriptJavaScript

Features

  • Add, edit, and delete books from collection
  • Mark books as read or currently reading
  • Search books by name
  • Data persistence using LocalStorage
  • SweetAlert2 for beautiful notifications
  • Delete confirmation dialogs

Screenshots

Homepage
About Page
Edit Book Modal
Add New Book Modal
+1See more photos

Impact

  • Interactive book tracking experience
  • Persistent data saved in browser
  • User-friendly CRUD operations
  • Clean and minimal interface