/dynamic-form-generator

This is Dynamic Form Generator where can can add and remove custom fields and create form dynamically.

Primary LanguageJavaScriptMIT LicenseMIT

⭐ Dynamic Form Generator ⭐

📌 Demo

Link to Live Demo 🚀

📌 Features

  • Real-time add and remove form fields.
  • Each form field has a label and a corresponding field type.
  • Users are able to specify the type of each form field. Fields to be supported: text input, text area, dropdown, checkbox, radio button
  • Storing form data in JSON file.(Not implemented fully)

📌 Installation

Follow these steps to get the project up and running on your local machine:

  1. Clone the repository: git clone https://github.com/Prachi24599/dynamic-form-generator.git
  2. Navigate to the project directory: `cd dynamic-form-generator
  3. Install the dependencies: npm install
  4. Start the development server: npm start

📌 Usage

  1. After starting the development server, open your browser and go to http://localhost:3000.
  2. You will see the Form interface with the button "Add New".
  3. Specify the label and type of input type and click on the "Add" button.
  4. The input field will be created, enter the value in the field.
  5. Add all the required fields and click on submit. The data will be stored in a JSON file.

📌 License

MIT License

📌 Acknowledgements

  • React - A JavaScript library for building user interfaces.

📌 Contact

If you have any questions or feedback, feel free to reach out:

Happy coding!