|
1 | 1 | # tech-crunch-rss-reader
|
| 2 | + |
| 3 | +# Requirements |
| 4 | +PWA Angular App that would be able to fetch RSS feeds from |
| 5 | +TechCrunch, app should be able to display articles and browser articles by category. |
| 6 | +Requirements of the app: |
| 7 | + |
| 8 | +1. Users should be able to browse articles by category |
| 9 | +2. Once the article is clicked, the article content should be opened as a reader that |
| 10 | +contains all the html content. |
| 11 | +3. Once user is on the reader view, user should be able to navigate back to the main |
| 12 | +page. |
| 13 | + |
| 14 | +## Live demo |
| 15 | +https://gapinto.github.io/tech-crunch-rss-reader/posts |
| 16 | + |
| 17 | +## Develop requirements |
| 18 | +* Install the anglar CLI |
| 19 | +``` |
| 20 | +npm install -g @angular/cli |
| 21 | +``` |
| 22 | +## How execute the tests? |
| 23 | +``` |
| 24 | +ng test |
| 25 | +``` |
| 26 | +## How excute the tests with code coverage? |
| 27 | +``` |
| 28 | +ng test --code-coverage |
| 29 | +``` |
| 30 | +* You can see the report inside of the genereted folder `coverage` opening the index.html on the browser. |
| 31 | + |
| 32 | +## How build and deploy to prod enviroment? |
| 33 | + |
| 34 | +* Build |
| 35 | +``` |
| 36 | +ng build --prod --base-href /tech-crunch-rss-reader/ |
| 37 | +ngh --dir dist/tech-crunch-rss-reader |
| 38 | +``` |
| 39 | +Unfortunately angular is generating the `/dist` folder without update de base path, I have spent a lot of time to figure it out, so you should update it manually. |
| 40 | +1. Open the `/home/guilherme/workspace/tech-crunch-rss-reader/dist/index.html` |
| 41 | +2. Update de base url to `<base href="/tech-crunch-rss-reader/">` |
| 42 | + |
| 43 | +* Deploy |
| 44 | +After the build, at the first time you shoul instal the `angular-cli-ghpages` globally: |
| 45 | +``` |
| 46 | +npm install -g angular-cli-ghpages |
| 47 | +``` |
| 48 | +Execute this command to `ngh --dir dist/tech-crunch-rss-reader` and done! Our app is hosted at |
| 49 | +`https://your-username.github.io/tech-crunch-rss-reader/` |
0 commit comments