Integrating AngularJS with an ExpressJS project

Now that we have most of our server-side code working, we'll start working on our AngularJS code.

Let's download the angular-seed project as a ZIP download from https://github.com/areai51/angular-seed and extract the contents of the ZIP file.

Now, we will only take the content of the app folder along with the package.json and bower.json files and place it within the public folder of angcms.

In the terminal, navigate to the angcms/public folder and run the following two commands:

npm install
bower install

Note that we do not run npm start from within the public folder, as we will be using the Express server that runs at port 3000.

Your folder structure should look something like the following:

The next ...

Get AngularJS Web Application Development Blueprints now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.