youngtiger1 / ai-form-builder

Next js app where users can easily create customized forms by providing prompts, and the forms can be published for others to fill out. The admin of the form can access and view all responses submitted.

AI Form Builder

This is an AI-powered form builder application built using Next.js, Next-auth, Shadcn UI, Gemini AI API, Drizzle, PostgreSQL, and TypeScript. With this application, users can easily create customized forms by providing prompts, and the forms can be published for others to fill out. The admin of the form can access and view all responses submitted.

Features

• AI-Powered Form Creation: Users can create forms by simply providing prompts, and the AI generates the necessary form fields based on the prompts.
• Authentication: Next-auth is integrated for secure authentication, allowing users to sign up, sign in, and manage their accounts.
• Responsive Design: Shadcn UI ensures that the application is responsive and looks great across various devices and screen sizes.
• Admin Dashboard: Admin users have access to a dashboard where they can view all responses submitted to their forms.
• Persistent Data Storage: PostgreSQL is used as the database to store form configurations, user information, and form responses securely.
• Theme Customization: The app offers six different themes for users to choose from, allowing them to customize the appearance of their app interface.
• Type Safety: TypeScript is employed throughout the project to provide type safety and enhance code maintainability.

Technologies Used

• Next.js: A React framework for building server-side rendered (SSR) and statically generated web applications.
• Next-auth: A complete open-source authentication solution for Next.js applications.
• Shadcn UI: A UI framework for building beautiful, responsive web interfaces.
• Gemini AI API: An API for integrating artificial intelligence capabilities into applications.
• Drizzle ORM: ORM used for object-relational mapping, simplifying database interactions and management.
• PostgreSQL: A powerful, open-source relational database system.
• TypeScript: A statically typed superset of JavaScript that provides type safety and enhance code maintainability.

Get Started

1. Clone the repository:

   git clone https://github.com/harshxraj/ai-form-builder.git

2. Install Dependencies:

   cd your_repo
   npm intall

3. Set Up Environment Variables:

    GEMINI_API_KEY=
    GOOGLE_CLIENT_ID=
    GOOGLE_CLIENT_SECRET=
    AUTH_SECRET=
    DATABASE_URL=

Preview

demo.mp4

Dashboard

Results Page