# Use and adapt form-builder

Use the documented interfaces and source layout for **form-builder**. The sections below retain the README’s examples and configuration details.

## 🚀 Overview

**Form Builder** is a cutting-edge, intuitive tool designed to empower you to create and manage forms with unprecedented ease. Whether you're a newcomer to digital form creation or a seasoned designer, Form Builder offers an elegantly simple interface that eliminates the need for coding—allowing you to focus on crafting outstanding forms.

---

## 🎯 Key Features

- **Drag & Drop Builder**: Enjoy a seamless drag-and-drop experience for placing and rearranging form elements.
- **Customizable Fields**: Tailor every aspect of your form, from input types to labels and validation rules, ensuring a perfect fit for your needs.
- **Real-time Preview**: Instantly visualize your form as you build, making adjustments in real time.
- **Responsive Design**: Designed to look stunning on any device—mobile, tablet, or desktop.
- **Security & Performance**: Optimized for both speed and security, ensuring a smooth user experience without compromise.

---

## 📸 Visual Gallery

### 🔹 landing page

  ![Source image](https://raw.githubusercontent.com/Up-to-code/form-builder/master/public/md/homepage.png)

 ### 🔹 Form Dashboard

  ![Source image](https://raw.githubusercontent.com/Up-to-code/form-builder/master/public/md/dashboard_aoo.png)

### 🔹 Form data visualization

  ![Source image](https://raw.githubusercontent.com/Up-to-code/form-builder/master/public/md/dashboard.png)

### 🔹 Form Builder Interface

  ![Source image](https://raw.githubusercontent.com/Up-to-code/form-builder/master/public/md/form-builder.png)

### 🔹 Preview & Submission

  ![Source image](https://raw.githubusercontent.com/Up-to-code/form-builder/master/public/md/form-preview.png)

---

## Commands in the root manifest

The captured [package.json](https://github.com/Up-to-code/form-builder/blob/HEAD/package.json) declares the following scripts. Run them from the directory containing that manifest.

| Command | Script |
| --- | --- |
| `npm run dev` | ` next dev` |
| `npm run build` | `prisma generate && next build` |
| `npm run start` | `next start` |
| `npm run lint` | `next lint` |

## Troubleshoot a local change

1. Reproduce the smallest example from the [quick-start guide](/docs/up-to-code-form-builder/quick-start-guide).
2. Compare required configuration and dependency versions with the README.
3. Check the linked issue tracker for the same error. Include the command, runtime version, and relevant error when reporting a problem; omit credentials.

## Source and help

- [GitHub repository](https://github.com/Up-to-code/form-builder)
- [Original README](https://github.com/Up-to-code/form-builder/blob/master/README.md)
- [Issues and existing reports](https://github.com/Up-to-code/form-builder/issues)
- [Open the project website](https://form-builder-one-taupe.vercel.app)