Kendo UI DataSource RESTful API CRUD demo

This is a demo of the CRUD operations via a Kendo UI DataSource instance. The code contains only enough logic (tried cutting as much out as I could) to showcase the functionality of the DataSource abstraction. The demo does not promote anything else except the grokking of the DataSource configuration values in the context of a RESTful JSON API.

(Note: prerequisites = Node.js)

Step 1:

From the cloned directory install npm packages (json-server and browsersync)

npm install

Step 2:

Start Servers (one to server webpage and one to server API)

From cloned directry run:

npm run api

(i.e. starts json api at localhost:3000)

and, then in another tab in the same directory:

npm run www 

(i.e. starts browsersync and serves the index.html at localhost:3002)

Step 3:

Visit http://localhost:3002 and add users then do some CRUD

Step 4:

Examime the index.html file with the Kendo UI / JS code and see how simple it can be

Step 5:

Examine the db.json file and read up on json-server

---

I've also included some additional variations of the above demo.

Same UI as RESTful API demo, but using local data instead:

• local-data-CRUD-demo.html
• local-data-CRUD-offline-demo.html

Similar UI, but using DataSource instance with a Grid widget to display data:

• grid-widget.html