Awesome

The Angular-Suave generator

A Yeoman generator for AngularJS and Suave.

Suave is an F#-based micro-framework. For AngularJS integration with other micro-frameworks, see https://github.com/rayokota/MicroFrameworkRosettaStone.

Install Git, node.js, NuGet, F#, and Visual Studio for Windows or Mono for Linux/Mac OS X. The development mode also requires SQLite.

Install Yeoman:

npm install -g yo

Install the Angular-Suave generator:

npm install -g generator-angular-suave

The above prerequisites can be installed to a VM using the Angular-Suave provisioner.

In a new directory, generate the service:

yo angular-suave

Install dependencies for Windows:

nuget.exe restore

or for Mono:

mono --runtime=v4.0 nuget.exe restore

Build and run the service for Windows:

MSBuild.exe
[Myapp]\bin\Debug\[Myapp].exe

or for Mono:

xbuild
mono [Myapp]/bin/Debug/[Myapp].exe

Your service will run at http://localhost:8080.

Generate the entity:

yo angular-suave:entity [myentity]

You will be asked to specify attributes for the entity, where each attribute has the following:

a name
a type (String, Integer, Float, Boolean, Date, Enum)
for a String attribute, an optional minimum and maximum length
for a numeric attribute, an optional minimum and maximum value
for a Date attribute, an optional constraint to either past values or future values
for an Enum attribute, a list of enumerated values
whether the attribute is required

Files that are regenerated will appear as conflicts. Allow the generator to overwrite these files as long as no custom changes have been made.

Build and run the service for Windows:

MSBuild.exe
[Myapp]\bin\Debug\[Myapp].exe

or for Mono:

xbuild
mono [Myapp]/bin/Debug/[Myapp].exe

A client-side AngularJS application will now be available by running

grunt server

The Grunt server will run at http://localhost:9000. It will proxy REST requests to the Suave service running at http://localhost:8080.

At this point you should be able to navigate to a page to manage your persistent entities.

The Grunt server supports hot reloading of client-side HTML/CSS/Javascript file changes.