https://github.com/surveyjs/surveyjs_vue_quickstart

SurveyJS + Vue 2 Quickstart Template
https://github.com/surveyjs/surveyjs_vue_quickstart

bootstrap form-builder javascript quiz survey survey-creator survey-maker surveyjs template vue vue2 vuejs

Last synced: 3 months ago
JSON representation

SurveyJS + Vue 2 Quickstart Template

• Host: GitHub
• URL: https://github.com/surveyjs/surveyjs_vue_quickstart
• Owner: surveyjs
• Created: 2017-03-20T13:07:45.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-12-18T14:05:54.000Z (11 months ago)
• Last Synced: 2024-06-17T19:03:56.211Z (5 months ago)
• Topics: bootstrap, form-builder, javascript, quiz, survey, survey-creator, survey-maker, surveyjs, template, vue, vue2, vuejs
• Language: JavaScript
• Homepage: https://surveyjs.io
• Size: 113 KB
• Stars: 101
• Watchers: 15
• Forks: 41
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-starred - surveyjs/surveyjs_vue_quickstart - SurveyJS + Vue Quickstart Template (javascript)

README

        
# SurveyJS + Vue 2 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 2 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 3 application, refer to the following project: [SurveyJS + Vue 3 Quickstart Template](https://github.com/surveyjs/surveyjs_vue3_quickstart/).

## Run the application

```bash

git clone https://github.com/surveyjs/surveyjs_vue_quickstart.git

cd surveyjs_vue_quickstart

npm i

npm run serve

```

Open http://localhost:8080/ 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

  - [src/data/survey_json.js](src/data/survey_json.js)

  - [src/views/Survey.vue](src/views/Survey.vue)

- Add Survey Creator to a page

  - [src/components/SurveyCreator.vue](src/components/SurveyCreator.vue)

  - [src/views/Creator.vue](src/views/Creator.vue)

- Export a survey to a PDF document

  - [src/views/ExportToPDF.vue](src/views/ExportToPDF.vue)

- Visualize survey results

  - As charts

    - [src/data/analytics_data.js](src/data/analytics_data.js)

    - [src/views/Analytics.vue](src/views/Analytics.vue)

  - As a table (modern browsers)

    - [src/data/analytics_data.js](src/data/analytics_data.js)

    - [src/views/AnalyticsTabulator.vue](src/views/AnalyticsTabulator.vue)

  - As a table (old browsers)

    - [src/data/analytics_data.js](src/data/analytics_data.js)

    - [src/views/AnalyticsDatatables.vue](src/views/AnalyticsDatatables.vue)

- Create a custom question type

  - [src/components/customwidget.js](src/components/customwidget.js)

- Register third-party components

  - [src/components/SurveyCreator.vue](src/components/SurveyCreator.vue#L16)