The requirements

We receive two documents as our project brief from the client: a wireframe and a set of criteria to meet. A wireframe is the layout of our application in broad strokes, as shown here:

Wireframe graphic for "Architecture CMS"

Immediately, we know that this is a very simple single-page application with a tree view, editor panel, and a search bar. The criterion fleshes out as follows:

• REST backend API provided

• The treeview to show all pages

• Search that will highlight the matching page in the treeview

• The required HTML editor

• URLs that must be customizable

• Pages that can be published or unpublished

• User must be able to create, view, update, and delete pages

Let's assess these criteria in terms of Ext JS. Firstly, we know that REST support is available in Ext JS via Ext.data.proxy.Rest, which we can use through our models and stores. However, note that the second point requires a tree view representing the hierarchical structure. While Ext JS provides a TreePanel component and there's...