Custom Drag-and-Drop Form Builder is a configurable form platform I built for large institutions to digitize service requests and approvals with strong security and auditability. The solution is used by multiple organizations, including a National Accounting Office and a Cooperative Bank, and is designed to handle growing member bases and rising request volumes efficiently.
What It Does
- Visual Form Designer: build forms via drag-and-drop (text, number, date, select, textarea, file upload, etc.) with ordering and required/optional flags.
- Validation Rules: server-side checks for data integrity, file limits, and field constraints to reduce bad submissions.
- Submission Console: review, filter, and export submissions with basic audit trails (who submitted/approved and when).
Security
- SMS OTP Verification: only authorized users can submit; OTP includes expiration and incorrect-attempt detection to prevent abuse.
- Multi-layer Controls: rate-limit on OTP requests, server-side verification, and minimal data exposure on failure.
Adoption & Impact
- Adopted by multiple institutions (e.g., National Accounting Office, Cooperative Bank) for member onboarding and service workflows.
- Centralizes form creation and submission handling, replacing manual/fragmented tools and improving traceability.
- Scales with demand—able to support a growing number of members and requests without degrading operator experience.
Tech & Architecture
- Backend: Laravel (PHP).
- Frontend: Vue + Bootstrap with jQuery/AJAX interactions.
- Database: MariaDB.
- Built for practical security (OTP, RBAC-ready), reliability, and ease of maintenance.
Role & Status
- Role: End-to-end development (design, implementation, security hardening, deployment, and handover).
- Status: In progress — ongoing iterations based on institutional feedback and new policy requirements.