Evolutility-UI-jQuery provides a set of generic Views ("V" as in "MVC") to browse, edit, filter, export and chart data of different structures and volumes.
If you are wondering, No, I didn't write 40 templates (10 views for 4 entities = 40 views) for the demo above. I only wrote 4 ui-models, Evolutility-UI-jQuery is doing the rest.
Together the views "browse", "edit", "list" and "filter" provide CRUD (Create, Read, Update, Delete) functionality. The other views "cards", "bubbles", "charts" and "mini" make the app more user-friendly and powerful.
Demo applications (using your browser's local storage):
Views are configured with a UI-model. Each UI-model is the single source of truth for all UI elements in all views of a specific entity. It contains a DRY (Don't Repeat Yourself) description of the UI elements on screen and how they map to the model. From a single UI-model, many views of an entity can be generated at run-time to browse, edit, filter, export, chart the data (for CRUD and more).
Evolutility-UI-jQuery source code is available at GitHub under the MIT license.
For a matching model-driven RESTful API, use Evolutility-Server-Node with Node.js, Express, and Postgres.
In biology, Evolutility means "The faculty possessed by all substances capable of self-nourishment of manifesting the nutritive acts by changes of form, of volume, or of structure."
This open source project is a UI which changes form, volume and structure. It's DNA is metadata.