Skip to content

Built a fully Dynamic and Functional input Interface, where users can add more fields, delete any fields and define its type too. When the Save button is clicked, it Console the updated data. This project can be used to receive flexible input data from users or can easily be integrated to any registration portals.

Notifications You must be signed in to change notification settings

Akash-Ramjyothi/Dynamo-Fields

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dynamo-Fields

📜 Description:

Built a fully Dynamic and Functional input Interface, where users can add more fields, delete any fields and define its type too. When the Save button is clicked, it Console the updated data. This project can be used to receive flexible input data from users or can easily be integrated to any registration portals.

The following features are implemented:

  1. Users can Edit name of a field.
  2. Users can Add more fields.
  3. Users can Delete any fields.
  4. Renders this interface if given in data form.
  5. Users can mark which fields are Required/Not-Required (switch).
  6. When user clicks on Save button, it Console the updated data.
  7. Added detailed Schema to understand the Working comprehensively.

The interface handles the following Types:

  • String
  • Number
  • Boolean
  • Object

📽 Sample Demo:

Dynamo.Fields.Demo.-.Made.with.Clipchamp.mp4

🌎 Deployed Website:

📝 Schema of Project:

🏗 Built With:

  • React.
  • Javascript.
  • Netlify.

🧪 Steps to locally build the website:

npm install

To Install dependencies and packages by NPM.

npm start

Setting up and runs on port 3000.

💥 How to Contribute?

PRs Welcome Open Source Love svg2

  • Take a look at the Existing Issues or create your own Issues!
  • Wait for the Issue to be assigned to you after which you can start working on it.
  • Fork the Repo and create a Branch for any Issue that you are working upon.
  • Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
  • Add Screenshots to help me know what this Code is all about.

👦 Developed By:

Akash Ramjyothi

               ☎️ PH:+91 8939928002.

🌐 References Used:

About

Built a fully Dynamic and Functional input Interface, where users can add more fields, delete any fields and define its type too. When the Save button is clicked, it Console the updated data. This project can be used to receive flexible input data from users or can easily be integrated to any registration portals.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published