https://github.com/tamdilip/dynamic-form-builder

A minimal web-app to create, publish and maintain instant drag and drop dynamic forms.
https://github.com/tamdilip/dynamic-form-builder

dashboard drop-dynamic-forms form-builder jquery nedb nodejs

Last synced: 8 months ago
JSON representation

A minimal web-app to create, publish and maintain instant drag and drop dynamic forms.

• Host: GitHub
• URL: https://github.com/tamdilip/dynamic-form-builder
• Owner: tamdilip
• Created: 2021-02-08T08:11:40.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2022-12-11T17:29:04.000Z (over 3 years ago)
• Last Synced: 2023-03-08T20:56:15.951Z (over 3 years ago)
• Topics: dashboard, drop-dynamic-forms, form-builder, jquery, nedb, nodejs
• Language: HTML
• Homepage: https://dynamic-form-builder.onrender.com/
• Size: 221 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🏗️ dynamic-form-builder

[![Live demo](https://img.shields.io/badge/Render-Live%20demo-violet?style=flat-square&logo=render&logoColor=violet)](https://dynamic-form-builder.onrender.com)

[![Open in CodeSandbox](https://img.shields.io/badge/CodeSandbox-Ready--to--Code-green?style=flat-square&logo=codesandbox)](https://codesandbox.io/s/github/tamdilip/dynamic-form-builder)

A minimal web-app to create, publish and maintain instant drag and drop dynamic forms (currently work-in-progress).

NOTE - `Data will not be persisted, as it's configured with in-memory database (NeDB).`

### Setup

The local setup has in-memory nodejs database neDB, for prototype work.

```sh

        $ git clone https://github.com/tamdilip/dynamic-form-builder.git

        $ cd dynamic-form-builder

        $ npm i

        $ npm run dev

        $ Hit http://localhost:3000/

```

### 📽 WIP - Shots

##### Dashboard view

![dashboard](https://raw.githubusercontent.com/tamdilip/dynamic-form-builder/main/docs/home-form.png)

##### Create form view

![create form](https://raw.githubusercontent.com/tamdilip/dynamic-form-builder/main/docs/create-form.png)

##### Published form view

![view form](https://raw.githubusercontent.com/tamdilip/dynamic-form-builder/main/docs/view-form.png)

##### Filled form records

![filled data](https://raw.githubusercontent.com/tamdilip/dynamic-form-builder/main/docs/records-form.png)

#### Bookmarks

* [Jquery FormBuilder](https://formbuilder.online/)

* [NeDB In-memory](https://github.com/louischatriot/nedb)

**Happy coding :) !!**