AngularCRUD with MongoDB

A learning example with AngularJS, NodeJS and MongoDB. It demonstrates CRUD operations on a simple data model of lastname, firstname. No actual rocket scientists were injured in the creation of this sample application.

Folders and files in the application

The following is a quick tour of the folders and files that comprise the application. Not every folder and file is listed here, just the highlights.

server.js

A NodeJS/ExpressJS REST Web Service that accesses a MongoDB database for persistence.

\app

Folder structure containing the client side of the application. This contains the HTML, CSS and JavaScript the runs on the client browser.

\app\index.html

The root of the client side application.

\app\js

AngularJS Controller and Directives.

\app\lib

Third party libraries used including AngularJS, Bootstrap and Jquery libraries.

\app\views

HTML templates injected into index.html for viewing a list of documents, details of a document and editing.

Server side data storage and web services

This application uses server side data storage and web service end points. The data storage is implemented in MongoDB with the RESTful web service via NodeJS

The following will be dependent on the location on your system of MongoDB & Node programs as well as the Mongo database and server.js application.

These are my paths. :)

Installing MongoDB and NodeJS

MongoDB

Download latest stable version from http://mongodb.org/

create an application folder: \mongo
expand the contents of the downloaded zip file's \bin folder into \mongo

Create a data directory for MongoDB. Example \mongodata. MongoDB will create the database and collection automatically at runtime if they don't already exist. Databases and Collections don't have to be created in a separate step.

Node.js

Install the latest stable version from http://nodejs.org/

Install modules required for MongoDB driver, RESTful Web Services and date/time parsing.

At the commandline, change directory to Phonebook (containing server.js) and run the following command:

npm install

Running MongoDB

Install MongoDB (unzip the application) and create a data folder (or use the default location). For this example I created a folder (\mongo) for the MongoDB binaries at the root of the file system. I also created a data folder (\mongodata) at the root of the filesystem.

Start the database server

\mongo\mongod --dbpath=\mongodata

Running NodeJS

Download and run the installer for your operating system.

Start the Web Service from the folder containing server.js.

node server.js