# bootstrap client application
This series of templates produce necessary code for a bootstrap client application. Angular 2 forms are created from a single model specified in an .mdl document.

## model creation
A new .mdl model document can be created by typing CTR+SPACE on Windows or COMMAND+SPACE on the mac. This will create a model template. To produce bootstrap code, some modifications to the template model should be performed:
* change the "type" property in the server object
* change the class name to be identical to the "type" property
* change the "Start" function parameter to the same value already set for the "type" property.

## Code generation
Then, select "Magic code Generation" in the context menu associated to the .mdl file. This will trigger the code generation from the templates. At the end of the code generation process, the "npm install" will install the needed modules, then, the typescript transpiler is invoked to convert typescript elements into JavaScript.

## application testing
When the whole operation is finished, use the terminal to go to the "client" directory (where the code was generated) and run the application with "npm run start". This will start a live-server in a browser (preferably Google Chrome) with the pages allowing to show the newly created responsive forms.