Back to projects
2024

Form Builder App

Next.jsTypeScriptDnd-kitPrismaPostgreSQLTailwind CSS

Overview

A powerful drag-and-drop form builder that lets users create custom forms without writing code. Built with DnD Kit for smooth drag interactions, Prisma for database management, and deployed on Vercel with PostgreSQL. Users can create forms, share them via unique URLs, and collect responses with a clean analytics dashboard.

Key Features

01

Intuitive drag-and-drop interface using DnD Kit

02

Live form preview as you build

03

Shareable form URLs for collecting responses

04

Response analytics dashboard

05

Persistent storage with Prisma and PostgreSQL

Technical Challenges

Implementing smooth drag-and-drop with nested form elements

Managing complex form state with real-time preview sync

Designing a flexible schema to support various field types

Tech Stack

Next.jsTypeScriptDnd-kitPrismaPostgreSQLTailwind CSS