https://github.com/surveyjs/surveyjs_vue3_quickstart
SurveyJS + Vue 3 Quickstart Template
https://github.com/surveyjs/surveyjs_vue3_quickstart
form-builder javascript quiz survey survey-creator survey-maker surveyjs typescript vue vue3 vuejs
Last synced: 30 days ago
JSON representation
SurveyJS + Vue 3 Quickstart Template
- Host: GitHub
- URL: https://github.com/surveyjs/surveyjs_vue3_quickstart
- Owner: surveyjs
- Created: 2023-12-07T12:25:57.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-07T15:50:40.000Z (3 months ago)
- Last Synced: 2025-04-02T06:22:15.855Z (about 2 months ago)
- Topics: form-builder, javascript, quiz, survey, survey-creator, survey-maker, surveyjs, typescript, vue, vue3, vuejs
- Language: JavaScript
- Homepage: https://surveyjs.io
- Size: 224 KB
- Stars: 3
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SurveyJS + Vue 3 Quickstart Template
SurveyJS is a set of JavaScript components that allow you and your users to build surveys / forms, store them in your database, and visualize survey results for data analysis. This quick start template uses Vue 3 and the following SurveyJS components:
- [SurveyJS Form Library](https://surveyjs.io/form-library/documentation/overview)
- [Survey Creator / Form Builder](https://surveyjs.io/survey-creator/documentation/overview)
- [SurveyJS PDF Generator](https://surveyjs.io/pdf-generator/documentation/overview)
- [SurveyJS Dashboard](https://surveyjs.io/dashboard/documentation/overview)
> NOTE: If you are looking for a similar quickstart template for a Vue 2 application, refer to the following project: [SurveyJS + Vue 2 Quickstart Template](https://github.com/surveyjs/surveyjs_vue_quickstart/).
## Run the application
```bash
git clone https://github.com/surveyjs/surveyjs_vue3_quickstart.git
cd surveyjs_vue3_quickstart
npm i
npm run dev
```
Open http://localhost:5173/ in your web browser.
## Template structure
This template covers most basic use cases. You can find code examples for them in the following files:
- Create a standalone survey
- [data/survey_json.js](data/survey_json.js)
- [src/components/Survey.vue](src/components/Survey.vue)
- Add Survey Creator to a page
- [src/components/Creator.vue](src/components/Creator.vue)
- Export a survey to a PDF document
- [src/components/PDFGenerator.vue](src/components/PDFGenerator.vue)
- Visualize survey results
- As charts
- [data/dashboard_data.js](data/dashboard_data.js)
- [src/components/Dashboard.vue](src/components/Dashboard.vue)
- As a table
- [data/dashboard_data.js](data/dashboard_data.js)
- [src/components/DashboardTabulator.vue](src/components/DashboardTabulator.vue)