Simplifying Form Creation and Data Collection

Simplifying Form Creation and Data Collection

The FormCraft is a comprehensive platform designed to streamline the process of creating and sharing forms for data collection. Inspired by platforms like Google Forms, the FormCraft offers a seamless experience for users to design forms, share them, and analyze the collected data.

Tech Stack

The FormCraft leverages modern web technologies to deliver a robust and intuitive platform:

  • Frontend: Next js, Tailwind CSS, Shadcn, Typescript
  • Backend: Prisma as ORM

Implementation

The FormCraft provides an easy-to-use interface for creating and managing forms. Users can drag and drop different form fields, customize them, and share the forms to collect information efficiently.

User Journey

  1. Form Creation: Users start by dragging and dropping form fields into the builder and customizing them.
Image

Form Creation page.

  1. Form Preview and Publishing: Users preview the form to ensure it meets their requirements and then save and publish it to get a shareable link.
Image

Form Preview page.

  1. Form Sharing and Submission: The shareable link is distributed, and respondents fill out and submit the form.
Image

Form Sharing page.

  1. Analytics and Management: Users access the analytics dashboard to monitor form performance and view detailed submission data.
Image

Analytics and Management page.

Visit the website -> form-builder-nine-hazel.vercel.app