Getting the latest live articles from a range of sources including BBC News, CNN, TechCrunch, Huffington Post and more, along with different categories like technology, sports, business, science and entertainment. I think that what makes this application special.
Switch branches/tags
Nothing to show
Clone or download
Latest commit a692f19 Jul 17, 2018
Failed to load latest commit information.
e2e first commit Jul 12, 2018
screenshots first commit Jul 17, 2018
src first commit Jul 17, 2018
.editorconfig first commit Jul 12, 2018
.gitignore first commit Jul 12, 2018 first commit Jul 14, 2018
angular.json first commit Jul 12, 2018
package-lock.json first commit Jul 14, 2018
package.json first commit Jul 12, 2018
tsconfig.json first commit Jul 12, 2018
tslint.json first commit Jul 12, 2018

News Application With Angular and Material Design

This project was generated with Angular CLI version 6.0.8.

Project overview

News Application

From different angles

News Application full overview

Acquiring Free API Key

Next step is getting a free API key at News API witch will help us make some call requests to the server and retrieve the news articles.

Once the api key is in your hands, go to /src/app/news-api.service.ts and paste it to where it said put “PUT_YOUR_API_KEY_HERE”.

Installing dependencies

After the downloading the repository head on to the project root folder and run the npm install command line.

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.

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.


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.