Drag Drop Form

Building a powerful full-stack form builder with React, Typescript, Dnd-Kit, PostgreSQL, Prisma, and Tailwind CSS. Streamlining form creation with intuitive UX and robust backend support.

Demo Download

Drag and Drop Form

This repository contains the source code for a drag and drop form built using Next.js.

Overview

The drag and drop form allows users to easily rearrange and customize form fields according to their preferences. It provides a seamless experience for creating dynamic forms.

Demo

You can access the live demo of the drag and drop form here.

Main Dashboard

Custom form builder page

Form submission Dashboard page

Features

Drag and drop functionality for form fields
Easy customization of form layout
Intuitive user interface
Responsive design

Technologies Used

Next.js
React
HTML5
CSS3
JavaScript

Installation

To run the drag and drop form locally, follow these steps:

Clone the repository:

git clone https://github.com/your-username/nextjs-drag-and-drop-form.git

Top categories