UI structure and page design #5

Open
opened 2026-08-23 11:17:01 +02:00 by gaetan · 0 comments
Owner

Part of #1

Question

Design the page structure and navigation for the bookshelf app. Pages to consider:

  • Dashboard / Home: Overview of current reading, recently added, stats
  • Library: List/grid of all books with search, filter, sort
  • Book detail: Full book info, status, progress, rating/review, tags
  • Add book: Search via Google Books API or manual entry form
  • Login: Simple login form
  • Settings: Password change, data export/import?

Key decisions:

  • Library view: list vs grid (cover images)?
  • Navigation: sidebar, top nav, or both?
  • Mobile layout: single column, collapsible nav?
  • Modal vs page for adding books and editing details?
  • Dashboard stats: what metrics? (e.g. books read this year, currently reading count, reading streak?)

Use PicoCSS as the base. Keep it clean and minimal.

Part of #1 ## Question Design the page structure and navigation for the bookshelf app. Pages to consider: - **Dashboard / Home**: Overview of current reading, recently added, stats - **Library**: List/grid of all books with search, filter, sort - **Book detail**: Full book info, status, progress, rating/review, tags - **Add book**: Search via Google Books API or manual entry form - **Login**: Simple login form - **Settings**: Password change, data export/import? Key decisions: - Library view: list vs grid (cover images)? - Navigation: sidebar, top nav, or both? - Mobile layout: single column, collapsible nav? - Modal vs page for adding books and editing details? - Dashboard stats: what metrics? (e.g. books read this year, currently reading count, reading streak?) Use PicoCSS as the base. Keep it clean and minimal.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Depends on
Reference
gaetan/Argus#5
No description provided.