- Structor is a user interface builder for Web applications with React UI.
- You can learn more about structor builder from following URL:-
https://github.com/ipselon/structor
- In this demo, “We will learn to get started with structor builder“
- To install structor module as global package use following command:- npm install structor -g
- Now let’s clone a seed project for, structor marketplace. I have selected material-ui-prepack.It is a React-Redux-materialdesign based builder.To clone this prepack use the following command:-
git clone https://github.com/ipselon/material-ui-prepack.git StructorDemo
- on successful clone of the material-ui-prepack, the structure of StructorDemo will look like following screenshot.
- Now we can install all the dependencies mentioned in package.json file using npm install command.The following screenshot shows the npm install in execution.
- Following screenshot shows the updated structor of StructorDemo after dependencies installation:-
- Now we can start the structor using structor command.The following screenshot shows the terminal with structor command in execution:-
- Now we can open the builder by browsing localhost at port 2222, it mean open the as http://localhost:2222/structor in browser.The following screenshot shows the Structor React Builder.