Personal Bookshelf

While the online lesson portion of the Angular course followed the recipe app tutorial, part of the class lessons involved using what we had learned, and transfering those skills to a build a similar project. Instead of recipes and shopping lists, I built a library app similar to my React reading list. This project was built using Angular and Bootsrap.

1 / 10

2 / 10

3 / 10

4 / 10

5 / 10

6 / 10

7 / 10

8 / 10

9 / 10

10 / 10

❮ ❯

It used many of the same types of components and services found in the recipe app, including authorization and connection to Firebase to save and fetch book lists for users. The app allows the user to search results from the OpenLibrary.org API and add those books to their personal bookshelf with one click. The fetch and save buttons are connected to a Firebase API just like in the recipe app, but it has not been deployed to the web.

There are several other features that I did not get around to completing. The user was supposed to be able to sort their bookshelf by title or author. The Edit and Delete buttons were made redundant when I switched from manually adding books to pulling information from an outside source, and thus could not be edited, nor deleted from Openlibrary. The blue "-" button will still remove books from the user's bookshelf. There are definite style improveements that could be had, as well as a more robust search function, or the ability to pull accurate book covers instead of using a placeholder image from PlaceKitten.com.