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.
- 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.
FromUP.mp4
- Frontend: Next.js, TypeScript, Tailwind CSS
- Backend: Prisma, PostgreSQL
- State Management & Drag-Drop: Dnd-Kit
- Clone the repository:
git clone https://github.com/keshav1441/FormUp cd formup - Install dependencies:
npm install
- Start the development server:
npm run dev
- For backend setup, ensure PostgreSQL is running and run:
npx prisma migrate dev
- Open the application in your browser (
http://localhost:3000). - Drag and drop fields to build your form.
- Customize field properties and validation rules.
- Save and share your form.
- Collect responses and analyze the data.
Contributions are welcome! Feel free to fork the repo and submit a pull request.
This project is licensed under the MIT License.
For any issues or feature requests, feel free to reach out via GitHub Issues.