Bookshelf App

Live Demo

Type

Book Tracker App

Date

August 2022

Role

Frontend Web Developer

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