Metadev-Client-Core

Introduction.

Metadev-client-example is an example project which uses the Metadev client framework. The goal of the framework is to reduce the code written for frontend development. The framework is best suited for ERP apps which have a ton of forms.

Metadev is an abbreviation for Metadata-Driven development.

---

How it works?

The project is built using Typescript and Angular. Also the framework uses Material Design Components.

Metadev-Server-Example generates the models using simple JSON files (e.g - customer-from). These generated models are copied into to the project folder. Generating these models helps engineers/developers to spend more time on the design rather than the syntax. Also, anyone who does not have any prior experience with typescript will be able to generate models in no-time. The framework uses these generated models to render the forms. The generated files can be found here.

The metadev-client framework is built into the project for this version and can be found here.

In the next version the framework-modules folder will be packaged and moved into a entirely new project.

---

Example.

This code displays the Metadev Angular component, which generates the form based on the JSON files provided.

The Code

<app-mv-field-generator [formData]="fd"></app-mv-field-generator>

The Generated Form

---

Running Locally

1. Installing Angular

   Follow Angular Installation Guide.

2. Build and Run project

   1. Open Terminal.
   2. CD to project directory.
   3. Run -

   npm install --legacy-peer-deps
   

   ng serve
   

   4. Open http://localhost:4200/.

The project was upgraded from Angular 8 to Angular 13. Hence has a few legacy dependencies.

---

Running On Docker

1. Installing Docker

   Follow docker docs to install docker.

2. Build and Run Docker Container

   1. Open Terminal.
   2. CD to project directory.
   3. Run the following commands -

   docker build -t metadev-client .
   

   docker run --rm -it -p 8080:4200 metadev-client
   

   4. Open http://localhost:8080/.

---