Drag and drop JSON form builder in vanilla JS for Django

Job ID: 32759137

Budget: €50 – €200 EUR

Dear freelancer,

We are looking for a skilled JSON and JS developer. We need a form builder, that we would use in our Django (Python) based site. With the form builder we would be able to create new forms in visual based editor. Please read the full project description and only apply if you can deliver all the expectations.

We continuously need developers for further projects!

---------------------------
WHAT WE NEED:
---------------------------
- Drag and Drop form builder that builds a JSON based form, that generates a schema
- Form will be used in Django (Python3)
- Form builder must be coded in vanilla JS
- Input fields must have extra fields, like: ID, classes, locked (boolean), data-url (URL field, so input fields can be hyperlinked with HTML anchors), data-tooltip (string), help-text (string), etc.
- Input fields should be able to be commented. This means we can add a single text comment to each form field ON THE FRONTEND. This helps to communicate between us and the client who is filling the form.
- Form must be able to handle conditional logic (!!!)
- Output form must be responsive (form builder is not obligatory to be mobile friendly)
- Builder must support Safari and Chrome browser

--------------------------------------------------------------------------------------
FIELD TYPES MUST BE SUPPORTED BY THE BUILDER:
--------------------------------------------------------------------------------------
- single text and text area with character limits
- email
- masked input
- radio
- checkbox
- list
- multiple select
- file upload with file and size limits
- date picker
- we have to be able handle larger lists, like countries list, cities, etc. For this we need some data import, for example each new line is handled as a new select option)

----------------------------------------------
ADDITIONAL INFORMATION:
----------------------------------------------
- Hungarian language is preferred by developed, but not obligatory
- Time to deliver the job: 6th February, 2022.
- We can only accept tested and working code
- Please provide us test version during the developing, so we can help each other
- Code must be clean and guided by base comments, to help further developing by other programmers

-----------------
EXAMPLE:
-----------------
Form builder must generate a code, we can copy and use in our Django system. Builder must generate similar codes, like below:

{
"schema": {
"name": {
"title": "Name",
"description": "Nickname allowed",
"type": "string"
},
"gender": {
"title": "Gender",
"description": "Your gender",
"type": "string",
"enum": [
"male",
"female",
"alien"
]
}
},
"form": [
"*",
{
"type": "help",
"helpvalue": "<strong>Click on <em>Submit</em></strong> when you're done"
},
{
"type": "submit",
"title": "Submit"
}
]
}

Please visit https://jsonform.github.io/jsonform/playground/index.html?example=fields-help for more example codes. We need similar output, supplemented by the data-tooltip, locked (1/0), data-url, etc... values.

Thank you for your time to read our project! We hope we can work together. :)

Best regards,
Matthew
Related categories: JavaScript AJAX HTML5 JSON