FormUp - Form Builder

FormUp is a dynamic and easy-to-use form builder application that allows users to create, customize, and manage forms seamlessly. It is built with modern web technologies to ensure flexibility and efficiency.

🚀 Features

• Drag & Drop Form Builder - Easily create forms using an intuitive drag-and-drop interface.
• Customizable Fields - Support for text, dropdowns, checkboxes, radio buttons, and more.
• Real-time Preview - See how your form looks as you build it.
• Validation Support - Set custom validation rules for form fields.
• Data Collection & Export - Collect user responses and export them as CSV or JSON.
• API Integration - Submit form data to an API endpoint.
• Responsive Design - Works seamlessly on desktop and mobile devices.

📽 Demo Video

FromUP.mp4

🛠 Tech Stack

• Frontend: Next.js, TypeScript, Tailwind CSS
• Backend: Prisma, PostgreSQL
• State Management & Drag-Drop: Dnd-Kit

🔧 Installation & Setup

1. Clone the repository: sh git clone https://github.com/why-aditi/FormUp cd formup

2. Install dependencies: sh npm install

3. Start the development server: sh npm run dev

4. For backend setup, ensure PostgreSQL is running and run: sh npx prisma migrate dev

📌 Usage

1. Open the application in your browser (http://localhost:3000).
2. Drag and drop fields to build your form.
3. Customize field properties and validation rules.
4. Save and share your form.
5. Collect responses and analyze the data.