This form builder script is a tool designed to create and manage forms within a Laravel environment using jQuery and Bootstrap 5. It enables users to easily construct forms through a drag-and-drop interface, preview them before saving, and store the resulting forms as JSON objects in a MySQL database via AJAX.
- Drag-and-Drop Interface: Build forms by dragging and dropping elements.
- Bootstrap 5 Integration: Utilizes Bootstrap 5 for responsive and visually appealing forms.
- Form Preview: Preview forms prior to finalization and saving.
- AJAX Database Interaction: Seamlessly saves and retrieves forms from a MySQL database using AJAX.
- JSON Storage: Stores forms as JSON objects in the database for easy editing and retrieval.
- Add support for additional form fields:
- Radio Buttons
- Text Inputs
- Date Field
- Steppers
- Conditional Inputs
- Checkboxes
- Dropdowns
- Textareas
- File Uploads
- Range Sliders
- Color Pickers
- Time Pickers
- Password Fields
- Hidden Fields
- HTML Blocks
- Enhance form customization options.
- Improve form validation and error handling.
- Implement advanced form layout features.
- Integrate SMTP support for email notifications.
- Clone the repository:
git clone https://github.com/your-username/form-builder.git
- Navigate to the project directory:
cd form-builder
- Install dependencies:
composer install
- Configure your
.env
file with MySQL database credentials. - Run migrations:
php artisan migrate
- Serve the application:
php artisan serve
- Access the application through your web browser.
- Drag and drop form elements to build your desired form.
- Preview the form to ensure it meets your requirements.
- Save the form, which will be stored in the MySQL database as a JSON object.
- Edit or retrieve saved forms at any time.
The forms are stored in the database in a table structure that includes the following fields:
id
: Unique identifier for each form.title
: Title of the form.json_data
: JSON representation of the form structure.
We welcome contributions! If you'd like to improve this project or add new features, feel free to fork the repository and submit a pull request.
- Credits or acknowledgments for libraries, frameworks, or individuals whose work contributed to this project.
For any inquiries or issues, please contact [email protected]