samhou1988 / yt_pageform

Full stack DragAndDrop Page form builder with Nextjs, Typescript ( React ), Dnd-Kit, Prisma, Postgresql (Vercel)

Home Page:https://yt-pageform.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

pageform_thumbnail

Discord server for problems/help

Youtube video

LIVE DEMO

In this 4 hour tutorial we are going to build this full stack PageForm application.

We are going to build this with:

  • Nextjs 13 with AppRouter
  • Dnd-kit library
  • ServerActions
  • Typescript
  • Tailwindcss / Shadcn UI
  • Vercel PostgreSQL
  • Prisma as ORM

Features:

  • Responsive
  • Create forms with a stunning drag and drop designer
  • Layout fields: Title, SubTitle, Spacer, Separator, Paragraph
  • Form fields: Text, Number, Select, Date, Checkbox, Textarea
  • Is easy to add and customize new fields
  • Form preview dialog
  • Share form url
  • Form submission/validation
  • Form stats: visits and submissions

About

Full stack DragAndDrop Page form builder with Nextjs, Typescript ( React ), Dnd-Kit, Prisma, Postgresql (Vercel)

https://yt-pageform.vercel.app

License:MIT License


Languages

Language:TypeScript 98.3%Language:JavaScript 1.0%Language:CSS 0.7%