https://github.com/elena-in-code/angular-book-search-app
Application Angular 4 - Fictional National Library
https://github.com/elena-in-code/angular-book-search-app
angular-cli angular-pipe angular-router angular-service angular4 api json-api search-interface
Last synced: about 2 months ago
JSON representation
Application Angular 4 - Fictional National Library
- Host: GitHub
- URL: https://github.com/elena-in-code/angular-book-search-app
- Owner: elena-in-code
- Created: 2017-10-18T16:04:22.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-02-09T09:08:15.000Z (about 7 years ago)
- Last Synced: 2025-01-20T11:32:16.377Z (3 months ago)
- Topics: angular-cli, angular-pipe, angular-router, angular-service, angular4, api, json-api, search-interface
- Language: TypeScript
- Size: 17.6 KB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Angular 4 "National Library"
Book Search Application
This project was generated with [Angular CLI](https://github.com/angular/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](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
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