Table of Contents
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.
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 Librarybutton 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 Librarybutton at the bottom of the book's card in the 'My Library' section.
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 Resultsbutton, - Ensuring all book cover images are the same size,
- Adding a confirmation modal when a user clicks the
Remove from Librarybutton on a book, - Adding a loading icon while the fetch is in progress.
- API Integration. When getting the data from the Open Library API, I learned how to use
fetchto getJSONdata 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.
Danielle Andrews - @DrAcula_codes - daniellerandrews - [email protected]
Project Link: https://github.com/DrAcula27/readTrakr
A special thanks to these resources used in the project!