murtazaghulam99 / dra-form-builder

The Digital Research Associate (DRA) is a versatile form builder designed to streamline your data collection process. Create beautiful, user-friendly forms in minutes, catering to a variety of research needs.

DRA Dynamic Form Builder: Create Awesome Forms with Ease!

What is this?

Imagine crafting beautiful, user-friendly forms in a flash! This React application empowers you to build powerful forms with a variety of fields, validations, and a smooth workflow. 🪄

• Multiple Field Types: Cater to any data collection need with textboxes, numbers, dates, and more! ⚡
• Validation Power: Ensure accurate data by setting validation rules for each field. ⚡
• Modern React & Vite: Built with the latest technologies for a smooth and efficient development experience. ⚡

Getting Started:

1. Prerequisites: Ensure you have Node.js (version 14+) and npm (or yarn) installed on your system.
2. Clone the Repository: Use git to clone this repository to your local machine:

   git clone https://github.com/murtazaghulam99/dra-form-builder

3. Install Dependencies: Navigate to the project directory and run:

   npm install  # or yarn install

4. Run the Application: Start the development server:

   npm run dev  # or yarn dev

   This will open your form builder in the browser, typically at http://localhost:5173/.

Building and Deploying:

Ready to share your form builder with the world? Buckle up!

Build for Production: Create an optimized production build:

npm run build  # or yarn build

This will generate a production-ready build folder in the dist directory.

Contribution:

Welcome contributions to this project! Feel free to open pull requests with bug fixes or enhancements. I appreciate your help in making this form builder even better.