diff --git a/json/src/main/webapp/index.html b/json/src/main/webapp/index.html
new file mode 100644
index 0000000000..5c41c8a173
--- /dev/null
+++ b/json/src/main/webapp/index.html
@@ -0,0 +1,27 @@
+
+
+
+ Introduction to JSONForms
+
+
+
+
+
+
+
+
+
+
+
+
Introduction to JSONForms
+
+
+ Bound data: {{data}}
+
+
+
+
+
+
+
+
diff --git a/json/src/main/webapp/js/app.js b/json/src/main/webapp/js/app.js
new file mode 100644
index 0000000000..484637bef4
--- /dev/null
+++ b/json/src/main/webapp/js/app.js
@@ -0,0 +1,15 @@
+'use strict';
+
+var app = angular.module('jsonforms-intro', ['jsonforms']);
+app.controller('MyController', ['$scope', 'Schema', 'UISchema', function($scope, Schema, UISchema) {
+
+ $scope.schema = Schema;
+
+ $scope.uiSchema = UISchema;
+
+ $scope.data = {
+ "id": 1,
+ "name": "Lampshade",
+ "price": 1.85
+ };
+}]);
diff --git a/json/src/main/webapp/js/schema.js b/json/src/main/webapp/js/schema.js
new file mode 100644
index 0000000000..34025868b9
--- /dev/null
+++ b/json/src/main/webapp/js/schema.js
@@ -0,0 +1,27 @@
+'use strict';
+
+var app = angular.module('jsonforms-intro');
+app.value('Schema',
+ {
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Product",
+ "description": "A product from the catalog",
+ "type": "object",
+ "properties": {
+ "id": {
+ "description": "The unique identifier for a product",
+ "type": "integer"
+ },
+ "name": {
+ "description": "Name of the product",
+ "type": "string"
+ },
+ "price": {
+ "type": "number",
+ "minimum": 0,
+ "exclusiveMinimum": true
+ }
+ },
+ "required": ["id", "name", "price"]
+ }
+);
diff --git a/json/src/main/webapp/js/ui-schema.js b/json/src/main/webapp/js/ui-schema.js
new file mode 100644
index 0000000000..aea5ac79c0
--- /dev/null
+++ b/json/src/main/webapp/js/ui-schema.js
@@ -0,0 +1,22 @@
+'use strict';
+
+var app = angular.module('jsonforms-intro');
+app.value('UISchema',
+ {
+ "type": "HorizontalLayout",
+ "elements": [
+ {
+ "type": "Control",
+ "scope": { "$ref": "#/properties/id" }
+ },
+ {
+ "type": "Control",
+ "scope": { "$ref": "#/properties/name" }
+ },
+ {
+ "type": "Control",
+ "scope": { "$ref": "#/properties/price" }
+ },
+ ]
+ }
+);
diff --git a/json/src/main/webapp/package.json b/json/src/main/webapp/package.json
new file mode 100644
index 0000000000..66eb42d00e
--- /dev/null
+++ b/json/src/main/webapp/package.json
@@ -0,0 +1,11 @@
+{
+ "name": "jsonforms-intro",
+ "description": "Introduction to JSONForms",
+ "version": "0.0.1",
+ "license": "MIT",
+ "dependencies": {
+ "typings": "0.6.5",
+ "jsonforms": "0.0.19",
+ "bootstrap": "3.3.6"
+ }
+}
\ No newline at end of file