https://github.com/optimajet/formbuilder-react-app
OptimaJet FormBuilder React Application Demo
https://github.com/optimajet/formbuilder-react-app
create-react-app formbuilder optimajet react
Last synced: about 1 month ago
JSON representation
OptimaJet FormBuilder React Application Demo
- Host: GitHub
- URL: https://github.com/optimajet/formbuilder-react-app
- Owner: optimajet
- Created: 2021-10-06T13:26:09.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-10-15T16:45:22.000Z (over 4 years ago)
- Last Synced: 2025-02-03T23:56:44.983Z (over 1 year ago)
- Topics: create-react-app, formbuilder, optimajet, react
- Language: CSS
- Homepage: https://formbuilder.dev/
- Size: 1.5 MB
- Stars: 0
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## How to integrate Form builder into your React (create-react-app) app:
1. [Create React App](https://github.com/facebook/create-react-app).
2. Copy folders: ```css```, ```images```, ```scripts``` from folder ```public``` to folder ```public``` in your react app, and folder ```src/optimajet-builder.js``` to ```src```
3. Copy .eslintrc.json to root folder of your react app:
4. Include these imports to `````` of "public/index.html":
```html
```
5. Import { DWKitFormBuilder, DWKitFormViewer } from "optimajet-builder.js" and use it in your app with props from "builder-viewer-props.js" (example in App.jsx)
6. Include these packages in package.json:
```json
"chart.js": "^3.5.1",
"clone": "2.1.2",
"draft-convert": "2.1.8",
"draft-js": "0.11.3",
"jquery": "^3.4.1",
"json5": "2.1.3",
"moment": "2.25.3",
"numeral": "2.0.6",
"react": "^17.0.2",
"react-data-grid": "4.0.9",
"react-datepicker": "1.6.0",
"react-dom": "^17.0.2",
"react-dropzone-component": "3.2.0",
"react-fast-compare": "3.0.2",
"react-grid-layout": "0.16.6",
"react-html5-camera-photo": "^1.5.4",
"react-number-format": "4.3.1",
"react-scripts": "4.0.3",
"react-signature-canvas": "^1.0.3",
"react-slick": "0.25.2",
"react-split": "2.0.7",
"reflux": "6.4.1",
"semantic-ui-react": "0.87.3",
"uuid": "3.3.2"
```
7. Run ```npm i --legacy-peer-deps```
8. Run ``` npm start```
Done.