{"id":15588294,"url":"https://github.com/optimajet/formbuilder-react-app","last_synced_at":"2026-05-01T15:35:00.537Z","repository":{"id":80111441,"uuid":"414222447","full_name":"optimajet/formbuilder-react-app","owner":"optimajet","description":"OptimaJet FormBuilder React Application Demo","archived":false,"fork":false,"pushed_at":"2021-10-15T16:45:22.000Z","size":1576,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-02-03T23:56:44.983Z","etag":null,"topics":["create-react-app","formbuilder","optimajet","react"],"latest_commit_sha":null,"homepage":"https://formbuilder.dev/","language":"CSS","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/optimajet.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-06T13:26:09.000Z","updated_at":"2021-10-15T16:45:25.000Z","dependencies_parsed_at":"2023-07-12T04:30:40.442Z","dependency_job_id":null,"html_url":"https://github.com/optimajet/formbuilder-react-app","commit_stats":{"total_commits":11,"total_committers":2,"mean_commits":5.5,"dds":0.09090909090909094,"last_synced_commit":"f94d5e0d2d6ea330ea8ed6ce52bc4adc83085e39"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/optimajet%2Fformbuilder-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/optimajet%2Fformbuilder-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/optimajet%2Fformbuilder-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/optimajet%2Fformbuilder-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/optimajet","download_url":"https://codeload.github.com/optimajet/formbuilder-react-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246163000,"owners_count":20733536,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["create-react-app","formbuilder","optimajet","react"],"created_at":"2024-10-02T22:22:26.003Z","updated_at":"2026-05-01T15:35:00.498Z","avatar_url":"https://github.com/optimajet.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"## How to integrate Form builder into your React (create-react-app) app:\n\n1. [Create React App](https://github.com/facebook/create-react-app).\n2. Copy folders: ```css```, ```images```, ```scripts``` from folder ```public``` to folder ```public``` in your react app, and folder ```src/optimajet-builder.js``` to ```src```\n3. Copy .eslintrc.json to root folder of  your react app:\n4. Include these imports to ```\u003cbody\u003e``` of \"public/index.html\":\n```html\n    \u003cscript src=\"scripts/jquery.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n    \u003cscript src=\"scripts/Chart.min.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n    \u003clink href=\"css/semantic.min.css\" rel=\"stylesheet\" type=\"text/css\" /\u003e\n    \u003clink href=\"css/optimajet-formbuilder.css\" rel=\"stylesheet\" type=\"text/css\" /\u003e\n```    \n5. Import { DWKitFormBuilder, DWKitFormViewer } from  \"optimajet-builder.js\" and use it in your app with props from \"builder-viewer-props.js\" (example in App.jsx)\n6. Include these packages in package.json:\n```json\n    \"chart.js\": \"^3.5.1\",\n    \"clone\": \"2.1.2\",\n    \"draft-convert\": \"2.1.8\",\n    \"draft-js\": \"0.11.3\",\n    \"jquery\": \"^3.4.1\",\n    \"json5\": \"2.1.3\",\n    \"moment\": \"2.25.3\",\n    \"numeral\": \"2.0.6\",\n    \"react\": \"^17.0.2\",\n    \"react-data-grid\": \"4.0.9\",\n    \"react-datepicker\": \"1.6.0\",\n    \"react-dom\": \"^17.0.2\",\n    \"react-dropzone-component\": \"3.2.0\",\n    \"react-fast-compare\": \"3.0.2\",\n    \"react-grid-layout\": \"0.16.6\",\n    \"react-html5-camera-photo\": \"^1.5.4\",\n    \"react-number-format\": \"4.3.1\",\n    \"react-scripts\": \"4.0.3\",\n    \"react-signature-canvas\": \"^1.0.3\",\n    \"react-slick\": \"0.25.2\",\n    \"react-split\": \"2.0.7\",\n    \"reflux\": \"6.4.1\",\n    \"semantic-ui-react\": \"0.87.3\",\n    \"uuid\": \"3.3.2\"\n```\n7. Run ```npm i --legacy-peer-deps```\n8. Run ``` npm start```\n\nDone.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foptimajet%2Fformbuilder-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foptimajet%2Fformbuilder-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foptimajet%2Fformbuilder-react-app/lists"}