FormaX :Form Builder WebApp

Introducing FormaX Form Builder: Easy Form Creation Made Simple.

This Form Builder makes creating forms a piece of cake! With our easy drag-and-drop feature, you can design forms exactly how you want them without needing to be a tech whiz.

Features

• Dashboard for All Your Forms: Create multiple forms and access them all from your dashboard.

• Easy Drag-and-Drop: Smooth drag-and-drop functionality makes building forms a breeze.

• Generate Code with One Click: Instantly generate code for your forms and copy it with just one click.

• Preview and Modify: See a preview of your form as you build it, making it easy to tweak and adjust.

• Customize Form Properties: Easily change form elements like labels, placeholders, button sizes, and colors to fit your style.

Run Locally

Clone the project

  git clone https://github.com/akshay0077/Form-Builder-Task/

Go to the project directory

  cd Form-Builder-Task

Install dependencies

  npm install

Start the server

  npm start

Demo

Video Link : https://drive.google.com/file/d/1FZRkEr63JzZmTJsrldcQVBAkbUFdCRdf/view?usp=sharing

Screenshots

1. Dashboard Screen: See All Your Saved Forms in One Place

This screen displays all the forms you've created and saved.

2. Form Builder Screen :

Create Your Own Customizable Forms with Easy Drag-and-Drop Functionality.

3. Form Previou Screen :

In this screen, user can preview their forms to see how they'll appear to others.

4. Save the Form

Save Your Customizable Forms

5. Better User Experience to show the Toast Message

6. Form Name Screen:

Give the form name and save it

7. Alert Message Screen :

8. New Form Generate Screen :

9. Form List Dashboard Screen :

10. Previou the any Form by Clicking :

Authors

• @Akshay Kher