← Apps 📖

Book Reading Tracker

Track every book you're reading with live progress bars and a 'finished' shelf.

🟡 MediumDifficulty

3-4 hoursTime

Python, JavaScript, TypeScriptLanguages

What you're building

A personal reading tracker where you add books with total page counts, update your current page as you read, and watch a live progress bar and percentage fill in. Books automatically move to a 'Finished' shelf when you hit the last page, and everything is saved permanently in localStorage.

What you'll unlock 🔓

localStorageProgress CalculationFilteringState Management

You'll need

Basic JavaScript
A code editor
A browser

🗺️ Build roadmap

01 Set up the book data model → 02 Build the add-book form → 03 Render book cards with progress bars → 04 Add page-progress updating → 05 Auto-detect finished books → 06 Add shelf filtering (reading/finished) → 07 Add deletion and polish

🔒

Log in to start building

Your first project is free -- create an account to unlock it.