Update readme.md

integration-tech · Jan 9, 2024 · 6580832 · 6580832
1 parent 470a636
commit 6580832
Showing 1 changed file with 34 additions and 61 deletions.
diff --git a/readme.md b/readme.md
@@ -1,29 +1,24 @@
-Dynamic Form Generator
-This project consists of a dynamic form generator using HTML and JavaScript. Users can easily configure various form fields through a provided script and incorporate it into their web applications.
+### 🌐 Dynamic Form Generator
 
-Getting Started
-To integrate this dynamic form generator into your project, follow these steps:
+This project provides a dynamic form generation functionality using HTML and JavaScript. Users can easily configure various form fields through a provided script and incorporate it into their web applications.
+
+### 🚀 Getting Started
 
-Clone the repository: git clone https://github.com/integration-tech/interface.git
+To integrate this dynamic form generator into your project, follow these steps:
 
-Open the project directory: cd your-repo
+1. **Clone the repository:**
+    ```bash
+    git clone https://github.com/integration-tech/interface.git
+    ```
 
-Include the provided script directly in your HTML document:
+2. **Open the project directory:**
+    ```bash
+    cd interface
+    ```
 
-html
-Copy code
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Dynamic Form Generator</title>
-    <style>
-        /* Include the styles from the script here */
-    </style>
-</head>
-<body>
-    <div id="form"></div>
+3. **Include the provided script directly in your HTML document:**
+    ```html
+    <!-- Include the styles from the script here -->
 
     <script>
         // Include the combined script here
@@ -45,50 +40,28 @@ Copy code
 
         loadFormUI();
     </script>
-</body>
-</html>
-Configure the form by updating the formConfig array in the script and set the configuration using:
-
-html
-Copy code
-<script>
-    form.setFormConfiguration({
-        apiname: "ram",
-        name: "ravan"
-    });
-</script>
-Customize the apiname and name parameters as needed.
-
-Form Configuration
-The form can be configured with various field types and options. Modify the formConfig array in the combined script file (script tag in the HTML) to customize the form fields.
+    ```
+
+4. **Configure the form by updating the `formConfig` array in the script and set the configuration using:**
+    ```html
+    <script>
+        form.setFormConfiguration({
+            apiname: "ram",
+            name: "ravan"
+        });
+    </script>
+    ```
+
+   Customize the `apiname` and `name` parameters as needed.
+
+### ⚙️ Form Configuration
+
+The form can be configured with various field types and options. Modify the `formConfig` array in the combined script file (`script` tag in the HTML) to customize the form fields.
 
 Example configuration:
 
-javascript
-Copy code
+```javascript
 const formConfig = [
     { "name": "nameField", "type": "text", "placeholder": "Enter your name" },
     // ... other field configurations ...
 ];
-Usage
-To use the dynamic form generator, call the loadFormUI() function, which will generate and display the form in the specified HTML container.
-
-html
-Copy code
-<script>
-    loadFormUI();
-</script>
-Contributing
-If you'd like to contribute to this project, please follow these guidelines:
-
-Fork the repository.
-Create a new branch: git checkout -b feature/new-feature.
-Commit your changes: git commit -m 'Add new feature'.
-Push to the branch: git push origin feature/new-feature.
-Submit a pull request.
-
-
-
-
-
-