Angular version of Library-React-App

In order to compare the workflows of the two frontend technologies, this project aims to replicate the React version of the library app. Live Reference Project

The functionality will be equal, though the UI may look different.

Installation

1. Clone this repo
2. Run "npm -i" from the root directory
3. Run "npm start" or "ng serve" if you have Angular CLI installed.
4. Visit http://localhost:4200/

Preview:

Test Coverage:

Targets:

• Define containers and components
• Create tool- and navbars
• Structure app component
• Create book card component
• Display book cards from array
• Open library by view (all, loaned, reading status, favourites)
• Add functionality for deleting books
• Add functionality for localStorage
• Achieve 100% test coverage
• Add ability to change read/fav/loaned status after creation

Learning outcomes (compared to React):

• Angular is a framework that "comes with batteries included" which reduces dependencies on external libraries. Usually React projects will differ significantly from each other as there are different solutions for AJAX, Routing, Forms, State Management, etc.

• Given the opinionated nature of Angular, common folder and file structures help to organize the project.

• The concept of injecting services as needed into individual components supports composition.

• Replacing Jasmine with Jest resulted in faster tests.