Angular Application to display blogs and allow users read blogs and selected/deselect favorites
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
A demo of the application can be seen here
- Follow instructions to install NodeJS from the following link - https://nodejs.org/en/download/
- Follow instructions to install npm from the following link - https://www.npmjs.com/package/npm
- Follow instructions to install Angular CLI from the following link - https://www.npmjs.com/package/angular-cli
The following steps will enable you to setup your development environment :
- Clone the repository from here :
git clone https://github.com/Akash-M/angular-test-blog - Install the node_modules in the root folder :
npm install - Run the application on port 4200 :
npm start
You can now view the application on localhost:4200 on your web browser.
dist/ // distribution folder for the app
-- index.html // entry point of the application
e2e/ // end to end tests
node_modules/ // npm modules
src/ // source folder
-- app/ // application components and related files
---- blog/ // blog component
---- components/ // generic components such as navbar to demonstrate component based architecture
---- app.*.ts/ // main app component files which bootstraps all modules to get the final app running
-- assets/ // css, scss, media and font files
-- index.html // entry point of application
-- tsconfig.app.json // typescript config file for the app
-- tsconfig.spec.json // typescript config file for tests
angular-cli.json // angular config file
karma.conf.js // karma config file as test runner
package.json // app information, dependency management, scripts, build information
protractor.conf.js // protractor config file for end to end tests
tsconfig.json // typescript config file
tslint.json // config file for ts lint static code analysis
- Run end to end test :
npm run test
Generate distribution files for deployment on server
- Make build for dev server :
npm run build:dev - Make build for prod server :
npm run build:prod// based on aot
Place the files generated in the dist/ folder on the server to serve the application
Akash Manjunath- Akash-M