Skip to content

elena-in-code/Angular-Book-Search-App

Repository files navigation

Angular 4 "National Library"

Book Search Application

This project was generated with Angular CLI version 1.4.3.

Development server

Install local dev dependencies: npm install while current directory is this repo
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

User Stories:

  • At the top of the app you can find the navigation area with the options: "Ver Cátalogo Completo" and "Buscar"
  • "Ver Cátalogo Completo" will show you with one click the full collection available in the library (Book tittle & author name and lastname) and a list of users that recently visited each book
  • Hovering over the user name will display a pop-up list of books that this particular user has also visited.
  • "Buscar" will allow you to search typing in the Text Input Boxes available, the categories you can search by:
    • Author name or lastname
    • Book tittle
    • Genre
    • ISBN number
  • Results will be shown at the same time as you are typing, so search results will be shown directly below, it is not neccesary to press enter or click any other button. (Type Ahead.)
  • Inside of each search result you will find:
    • Book tittle
    • Author name and lastname
    • Genre
    • ISBN number

The information that will be displayed by the App could be seen in the JSON format here, it is not neccesarily real

Hope you like it!