Welcome to our Form Builder Application! This application allows you to create stunning forms with a drag-and-drop designer, customize them, and share them with others. It's built with Next.js, Dnd-kit library, TypeScript, Tailwind CSS, Vercel PostgreSQL, and Prisma as ORM.
- Next.js 13 with AppRouter: For building a scalable and efficient web application.
- Dnd-kit library: To provide a smooth drag and drop experience.
- ServerActions: For handling server-side operations.
- TypeScript: For adding strong typing to enhance code quality and maintainability.
- Tailwindcss / Shadcn UI: For styling and responsive design.
- Vercel PostgreSQL: As the database solution.
- Prisma: As the ORM to interact with the database.
- Responsive: Works on any device, providing an optimal viewing experience.
- Drag and Drop Designer: Create forms with ease using the intuitive drag and drop interface.
- Layout Fields: Includes Title, SubTitle, Spacer, Separator, Paragraph for structuring the form.
- Form Fields: Supports Text, Number, Select, Date, Checkbox, Textarea inputs.
- Customization: Easily add and customize new fields as per requirements.
- Preview: Form preview dialog to review before publishing.
- Sharing: Share form URL for wider access.
- Submission/Validation: Robust form submission and validation system.
- Analytics: Track form stats including visits and submissions.
For Demo checkout following link👇:
Nextjs Full stack Form builder Demo
To get started with this project, clone the repository and install the necessary dependencies.
git clone [your-repository-link]
cd [your-repository-name]
npm install
npm run dev