https://github.com/webcat12345/rich-pdf-ngx
Angular Material2 + Firebase Sample App
https://github.com/webcat12345/rich-pdf-ngx
angular angular-material2 angular2 angular4 authentication dashboard firebase material
Last synced: about 1 year ago
JSON representation
Angular Material2 + Firebase Sample App
- Host: GitHub
- URL: https://github.com/webcat12345/rich-pdf-ngx
- Owner: webcat12345
- Created: 2017-04-26T03:00:17.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2020-07-21T12:35:25.000Z (almost 6 years ago)
- Last Synced: 2025-05-07T15:08:00.563Z (about 1 year ago)
- Topics: angular, angular-material2, angular2, angular4, authentication, dashboard, firebase, material
- Language: TypeScript
- Homepage: https://rich-pdf-ngx.herokuapp.com/
- Size: 462 KB
- Stars: 9
- Watchers: 2
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# RichPdf
[](https://codecov.io/gh/webcat12345/rich-pdf-ngx) [](https://travis-ci.org/webcat12345/rich-pdf-ngx) [](https://rich-pdf-ngx.herokuapp.com/)
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.1.
### UI
[Angular Material](https://github.com/angular/material2) version 2.0.0-beta.3.
[Angular Flexlayout](https://github.com/angular/flex-layout) version 2.0.0-beta.8.
### User Flow
##### Home Screen
>
* File upoad interface that should accept drag-and-drop .PDF upload
* Sample PDF file exists on repository
* Invalid file format prompt an alert message
##### Main Screen
>
* A file browsing interface that include an area rendering the file uploaded via Main Screen
* Use [PDF.js](https://mozilla.github.io/pdf.js/)
* An intuitively placed textfield that archives type-to-search functionality within the rendered PDF file
* Search again using different text
* Exact match only
* Navigate to first occurrence
* Go back to Home Screen to restart process
### Demo
Deployed on Heroku staging server https://rich-pdf-ngx.herokuapp.com
#### Test Users
yoon@email.com 123456
test@email.com password
dummy@email.com 123456
Google+ Login available.
### Development server
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.
### 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/).
Before running the tests make sure you are serving the app via `ng serve`.
## 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).