Skip to content

A personal library app to keep track of books. Integrates with Open Library's APIs for book data.

Notifications You must be signed in to change notification settings

DrAcula27/readTrakr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Logo

ReadTrakr

Search for and add books to your personal library!
View Demo

Table of Contents
  1. About The Project
  2. Usage
  3. Optimizations
  4. Lessons Learned
  5. Contact
  6. Acknowledgments

About The Project

ReadTrakr Screen Shot

Keep track of every book you have read with this simple app! Search for a book by title, author, or ISBN and add it to your own personal library.

Bonus: it is service-agnostic! No matter how you read your books (iBooks, Kindle, real-life physical books, etc.) you can log all your reading progress here.

(back to top)

Built With

  • HTML5
  • CSS3
  • JavaScript

(back to top)

Usage

Type the title, author, or ISBN of a book you'd like to add to your library and either type the Enter key or click the Search button to display the book results.

  • Click the Add to Library button to add your book to your library.
  • The book will stay in your library even if you close your browser!
  • If you decide you no longer want a book in your library, click the Remove from Library button at the bottom of the book's card in the 'My Library' section.

(back to top)

Optimizations

This project can be improved by:

  • Refactoring the code to account for errors fetching data,
  • Replacing the alert with more custom functionality when telling the user a book is already in their library,
  • Adding a Clear Search Results button,
  • Ensuring all book cover images are the same size,
  • Adding a confirmation modal when a user clicks the Remove from Library button on a book,
  • Adding a loading icon while the fetch is in progress.

(back to top)

Lessons Learned

  • API Integration. When getting the data from the Open Library API, I learned how to use fetch to get JSON data from an external source and use the results of one query to make another query for getting the book covers.
  • Data Manipulation. Once I had the data from the Open Library API, I learned how to transform that data into a format I needed for the project.

(back to top)

Contact

Danielle Andrews - @DrAcula_codes - daniellerandrews - [email protected]

Project Link: https://github.com/DrAcula27/readTrakr

(back to top)

Acknowledgments

A special thanks to these resources used in the project!

(back to top)