Build a Book Collection Manager

The tech stack for this mission

HTML5CSS3JavaScriptBootstrapStackBlitzVercel

What you learn, checkpoint by checkpoint

1. Checkpoint A

   Render the book list from data using JavaScript

   • Model a book as a JavaScript object and store the collection in an array
   • Generate an HTML card for each book and render it into the page
   • Show the relevant fields - title, author and read status - on each card

2. Checkpoint B

   Add, edit and remove books, and persist with localStorage

   • Add a form to create new books and push them into the collection
   • Edit and remove books, and re-render the list on every change
   • Persist the collection with localStorage so it survives a refresh

3. Checkpoint C

   Add search and filtering, then deploy

   • Read a search input in real time and match it against book fields
   • Add filters (for example read vs unread) and handle the empty state
   • Polish the layout, test the full flow and deploy