Draw is build to be a progressive framework for people to use and build interfaces & web applications. Draw is build and designed from the ground up which is the most important part of this framework. It needs to be easily scalable between a library and a framework (This can differ between use case). The origin is intended to give other developers a easier time when developing. Draw uses its own html tag called the . This will give your HTML pages styling in a easy way. Its as simply:

<d-card>
    Welcome
</d-card>

The way that components are rendered is as followed:

npm run component
#Component Name: Test
#Starting generation component...
#Component created successfully

npm run component
#Component Name: TestTwo
#Starting generation component...
#Component created successfully

In this example you have created two components: TestComponent, TestTwoComponent.

These components will also be rendered in the order that they were created. For example you dont like the order that there are rendered in, you can change the order in compdep.json. The order will be in de component array and here you will be enable to change the order to [TestTwoComponent, TestComponent] . The component will now be rendered in a different order.

Testing & Development:

Once you have Node.js installed:

# Install locally the project and execute:
npm i

These commands are work in progress and will be implemented in a custom format.

# To create a component:
npm run component

# ATM the compiling is a separated command:
npm run compile

# To launch the application:
npm run start

We recommend that the compile command has been executed before the launch command has been used.