Skip to content

Readr is a lightweight browser-based tool for tracking your reading progress. Built with vanilla JS, HTML, and CSS, it lets you add, edit, and remove books, track completion, and backup or import logs via JSON with data saved locally in localStorage.

License

Notifications You must be signed in to change notification settings

conorgregson/reading-log-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

66 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

πŸ“š Readr - Turn pages into progress

Live Demo Docs Made with JavaScript License: GPL v3

Minimal, offline-first reading log with JSON backup/import, security policy, and contributor-friendly docs.

πŸ”— Full Documentation β†’


Live Demo

β–Ά Try it now: https://conorgregson.github.io/reading-log-app/

Data is saved locally in your browser via localStorage and is separate from your local dev data.


πŸ“‘ Table of Contents


ℹ️ About

Readr is a lightweight, browser-based reading log. Built with vanilla JavaScript, HTML, and CSS, it helps you track your books without external accounts, sync, or setup.


βœ… Features

  • Add, edit, and remove books from your log
  • Track reading progress and completion status
  • Backup and import your log with JSON
  • Data persistence with localStorage

πŸ› οΈ Tech Stack

  • Frontend: HTML, CSS, Vanilla JS
  • Storage: LocalStorage + JSON import/export

πŸ—ΊοΈ Roadmap

Feature: Add/Edit Feature: Backup Feature: LocalStorage

Planned: Search Planned: Tags Planned: API%20Integration

See the full Roadmap for milestones and timelines.


πŸš€ Installation & Usage

  1. Clone the repository

    git clone https://github.com/conorgregson/reading-log-app.git
    cd reading-log-app
  2. Open the app Simply open the index.html file in your browser.

    • No build steps or dependencies required.
    • Works entirely offline with localStorage.
  3. Start using the app

    • Add, edit, or remove books from your log.
    • Track your reading progress and completion.
    • Backup and import your log as JSON files

πŸ“Έ Screenshots

Updated for v1.6.0 β€” Search & Filters

Main UI

Main UI

Goals & Sessions

Goals & Sessions

Books List (populated)

Books List

Bulk Edit Dialog

Bulk Edit

Dark Mode

Dark Mode

Settings Dropdown

Settings Dropdown

Search & Filters

Search & Filters

Multi-Select Filters

Multi-Select Filters

Saved Searches

Saved Searches

Search Results Example

Search Results

Installed App View

Installed App


πŸ“– Documentation

Full project documentation is available in the /docs folder:


🀝 Contributing

Contributions, issues, and feature requests are welcome!

Quick start for contributors:

  1. Fork the repo
  2. Create your feature branch (git checkout -b feature/my-feature)
  3. Commit your changes (git commit -m "feat: add my feature")
  4. Push to branch (git push origin feature/my-feature)
  5. Open a Pull Request

πŸ“§ Author

Made by Conor Gregson


πŸ“œ License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0). See the LICENSE file for details

About

Readr is a lightweight browser-based tool for tracking your reading progress. Built with vanilla JS, HTML, and CSS, it lets you add, edit, and remove books, track completion, and backup or import logs via JSON with data saved locally in localStorage.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

No packages published