JsTree and jTable UI using HTML5, AJAX, PHP, MySQL (windows explorer like UI)

General information for the website: The goal of this work is to make CRUD tree structure using the jsTree plugin in an HTML file.
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module:

The goal of this work is to make windows explorer like UI in an HTML file with CRUD functionality using mySQL database
Left pane: jsTree plugin (refer. http://www.jstree.com/demo - Database).
Right pane: Tabbed pages (jQuery) containing jTable (refer. http://www.jtable.org) therein and the table columns to have CRUD functionality with mySQL database based on the Node selected in jsTree on left pane.

Database structure :
will be provided to the worker...

Website Type: Responsive
Standards:
http://www.w3.org
http://pear.php.net
http://www.ecma-international.org

Tools for Validation of standards https://validator.w3.org/
Technologies: HTML5, CSS3, JavaScript, AJAX, JQuery
Components: jsTree and jTable
Database: MySQL

Description of requirements/features: 1) Loading data from database and build the corresponding tree structure using jsTree
- You need to create the default php page that contains :
- a html select box in order to select a page
- a jsTree html div where is displayed the tree
- a html div (we will call it "properties section") where properties of nodes will be displayed and edited


2) Edit the content of the tree
- When the user click one a node, the "properties section" got loaded/refreshed thanks to AJAX."

3) Save the edited tree as data in database
- The user must be able to save the tree by clicking a "save" button
- When the validation is FAILING : show an error message
- When the validation is SUCCESSFULL : Persist data

4) Search box
- A search box is used to search among wording in the existing database table and to highlight results
Extra notes: