Build a Full-Stack AI Form Builder App | PERN, React, Node.js, Postgres, Express

Full-Stack AI Form Builder App. Here are the functionalities implemented in this project:

1. User Authentication – Secure register & login with JWT and bcrypt password hashing, protected routes, and auto-login on refresh

2. Forms Management – Create, rename, duplicate, favorite, archive and delete forms, with search, status filters and a live dashboard

3. Drag & Drop Form Builder – Build forms visually with dnd-kit, reorder questions with @dnd-kit/sortable, and edit everything in a live preview

4. 20+ Field Types – Short & long text, email, phone, number, dropdown, radio, checkbox, date, rating, file, yes/no, address, URL, password, plus layout blocks (section, heading, paragraph, image)

5. Publishing & Public Forms – Publish to a shareable public link (slug-based), with 6 themes and full customization: colors, logo, border radius, thank-you message and SEO

6. Response Collection – A public submission pipeline with real server-side validation for every field type, so you never just trust the client

7. Form Analytics – Per-form analytics computed right in Postgres: total responses, conversion, completion rate, average time, a day-by-day timeline, and per-question breakdowns rendered with Recharts

8. Insights Dashboard – Workspace-wide aggregate view: totals across every form, combined timeline, activity heatmap, device split, and a top-forms leaderboard — all from one endpoint

9.CSV Export – Download all responses for a form as a clean, spec-compliant spreadsheet

10. AI Form Generation – Describe a goal in one line and Google Gemini returns a complete, well-structured form with the right field types and required flags

11. AI Field Assist – Gemini suggests validation rules, rewrites questions for clarity, and summarizes a whole form's purpose, audience and completion time

12. Clean Backend Architecture – Modular repositories → services → controllers → routes, direct SQL with pg (no ORM), JWT middleware, a central error handler, and a realistic seed script

Watch Video: https://youtu.be/BJ7sddueuuw

The Source Code is provided in a Zip file.