FormFlex

Full Stack Form Builder using Next.js, TypeScript (with React), Dnd-Kit, PostgreSQL, Prisma, and Tailwind CSS.

————

————

Tech Stack for Our Web Application:

• AppRouter integrated with Next.js 13
• Utilization of Dnd-kit library
• Implementation of ServerActions
• Built with TypeScript
• Styling using TailwindCSS and Shadcn UI
• Database hosted on Vercel PostgreSQL
• ORM powered by Prisma.

————

Features:

• Fully responsive
• Design forms effortlessly with a drag-and-drop interface
• Layout elements: Title, Subtitle, Spacer, Separator, Paragraph
• Form fields include: Text, Number, Select, Date, Checkbox, Textarea
• Easily add and customize additional fields
• Preview forms with a dedicated dialog
• Shareable form URLs
• Supports form submission and validation
• View form statistics: visits and submissions

————

Check out the website's live demo here:

https://form-flex.vercel.app