This project is a simple application demonstrating a more fully developed realistic single page angular application. The project have all code lines comented, angular examples and unit and e2e tests.
Download and install the Node.Js using the NVM.
Install the yarn following the official documentation.
Clone the repository and install the node modules.
yarn install
Install the Bower globally:
yarn global add bower
Install the Bower components:
bower install
After this, you can run the application.
If you are using Linux machine use the terminal to go to the root of the project and run the server.sh script.
If you are on a windows machine, install the bash shell. Optionally you may run server.bat. Note that after you stop your server, you must change directory back to the root of the project.
Then navigate your browser to http://localhost:<port> to see the app running in
your browser. The port may be configured in the scripts/web-server.js file near the top. The default port is 8000.
You can inspect the files in the app/data/user directory, or just use the login "admin"/"admin".
Some of the functionality are disabled if you are not logged in.
The server is a simple node server that just writes and reads files from the disk in a restful manner. This keeps the entire project self-contained, but it puts some limitations because the server has no logic whatsoever.
The web-server.js code was borrowed from the angularjs.org tutorial (angular-phonecat)
To run the test, you need to configure your environment. To do this you need to install Protractor and Karma and install all the node modules and bower components modules needed to run this application as shown above.
I created a article in my blog of how to configure the Karma for tests in the WebStorm IDE and how to run Unit tests, you can see in this link.
I created a article in my blog of how to configure the Protractor for tests in the WebStorm IDE and how to run E2E tests, you can see in this link.
For more details of the project Security Policy, please check: Security Policy
For more information on AngularJS please check out AngularJS.
If you have some question about this project, please contact me and I will try to answer as quickly as possible.