Work · 08 of 9

PageNotes

Reading-path planner that turns a topic into beginner, intermediate and advanced books

Role
Solo
Period
Apr to May 2026
Status
live
Stack
  • React 19
  • Vite
  • Open Library API
pagenotes.netlify.app
PageNotes, captured 2026-09-15
PageNotes. Captured from the live site on 2026-09-15.

What it does

Type a topic and PageNotes groups Open Library results into beginner, intermediate and advanced with a “best place to start”, opens any book for its description, subjects and related titles, and keeps a reading journey with saved books, notes and status. Built as a college assignment; finished as a product.

Constraints I set

React 19 and Vite, no UI library, no router library (a small hash router of my own), no backend. Everything personal lives in localStorage. 61 commits over eleven days, all mine.

Edge cases, designed rather than ignored

BeforeAfter
No cover imageBroken image iconA typographic cover with title and author
No descriptionEmpty panelSubjects and first-publish year stand in, labelled as such
Weak metadataWrong levelDefaults to intermediate and says why
Slow or failed APISpinner foreverSkeleton, then a retry that keeps the query
keysKeyboard
j / k
next / previous row
Enter
open the focused row
⌘K or /
search, or ask this site
g then h w a c
go home, work, about, contact
t
toggle light and dark
Esc
close the palette or this map
?
this map