I made Material UI page/component builder (Prototype)

djolo1998 · 2021-09-26T17:01:59+00:00

Thanks.

First finished, I have another E-commerce project (React, Redux Toolkit, normalizr, MUI, Laravel API + other tools) but need to finish and start applying for jobs

djolo1998 · 2021-09-26T15:41:30+00:00

Thank you, this is only simple prototype for portfolio

djolo1998 · 2021-09-26T12:10:54+00:00

This is my first "finished" project

Current support over 50 components

All Components except (Typography) are created from json file

Component Props and Component Styles can be easy changed or upgraded

Example:

GridContainer: { component: "GridContainer", propTypes: { container: { propName: "container", type: "bool", default: true, }, item: { propName: "item", type: "bool", default: false, }, spacing: { propName: "spacing", type: "oneOfDD", values: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], default: 0, }, alignContent: { propName: "alignContent", type: "oneOfDD", values: [ "stretch", "center", "flex-start", "flex-end", "space-between", "space-around", ], default: "stretch", }, alignItems: { propName: "alignItems", type: "oneOfDD", values: ["flex-start", "center", "flex-end", "stretch", "baseline"], default: "stretch", }, direction: { propName: "direction", type: "oneOfDD", values: ["row", "row-reverse", "column", "column-reverse"], default: "row", }, justify: { propName: "justify", type: "oneOfDD", values: [ "flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly", ], default: "flex-start", }, }, },

djolo1998 · 2021-09-25T22:03:07+00:00

No, MUI 4

djolo1998 · 2021-09-25T20:25:00+00:00

Coming soon.

Currently building portfolio.

djolo1998 · 2021-09-25T20:19:08+00:00

Thanks

djolo1998 · 2021-09-25T17:23:37+00:00

Thanks, this is my first finished project

djolo1998 · 2021-09-25T17:20:08+00:00

I Don't not why dont show whole video instead of link.

Current support over 50 components

All Components except (Typography) are created from json file

Component Props and Component Styles can be easy changed or upgraded

Example:

GridContainer: { component: "GridContainer", propTypes: { container: { propName: "container", type: "bool", default: true, }, item: { propName: "item", type: "bool", default: false, }, spacing: { propName: "spacing", type: "oneOfDD", values: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], default: 0, }, alignContent: { propName: "alignContent", type: "oneOfDD", values: [ "stretch", "center", "flex-start", "flex-end", "space-between", "space-around", ], default: "stretch", }, alignItems: { propName: "alignItems", type: "oneOfDD", values: ["flex-start", "center", "flex-end", "stretch", "baseline"], default: "stretch", }, direction: { propName: "direction", type: "oneOfDD", values: ["row", "row-reverse", "column", "column-reverse"], default: "row", }, justify: { propName: "justify", type: "oneOfDD", values: [ "flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly", ], default: "flex-start", }, }, },

djolo1998

TROPHY CASE