https://github.com/adel-gu/quick-form
https://github.com/adel-gu/quick-form
javascript tailwindcss typescript vuedraggable vuejs
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/adel-gu/quick-form
- Owner: adel-gu
- Created: 2025-01-09T22:03:06.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-16T09:40:13.000Z (4 months ago)
- Last Synced: 2025-01-21T20:16:58.985Z (4 months ago)
- Topics: javascript, tailwindcss, typescript, vuedraggable, vuejs
- Language: Vue
- Homepage: https://quick-form-delta.vercel.app
- Size: 128 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quick Form
This project is a Drag and Drop form Creator built with Vue.js to help me learn and practice Vue.js, as well as gain hands-on experience with drag-and-drop functionalities. The application allows users to create dynamic forms by dragging and dropping various form elements onto a canvas, arranging them as needed, and configuring their properties.
## Features
- **Drag and Drop Interface:** Utilize a user-friendly drag-and-drop interface to add, remove, and rearrange form elements effortlessly.
- **Customizable Form Elements:** Currently you Choose only one default element **text fields**, and customize its type **"email, password, text"**.
## Technologies Used
- **Vue.js**
- **TailwindCSS:** For styling the application.
- **JavaScript:** For implementing interactive functionalities.
- **TypeScript**
- **Vue Draggable:** To handle drag-and-drop operations.
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Type-Check, Compile and Minify for Production
```sh
npm run build
```
### Lint with [ESLint](https://eslint.org/)
```sh
npm run lint
```