surveyjs/surveyjs_vue_quickstart

Stars
102
Rank 335,584 (Top 7 %)
Language
JavaScript
Created over 7 years ago
Updated 11 months ago

surveyjs/surveyjs_vue_quickstart

surveyjs

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

SurveyJS + Vue 2 Quickstart Template

SurveyJS + Vue 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:

Run the application

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/views/Survey.vue
Add Survey Creator to a page
- src/components/SurveyCreator.vue
- src/views/Creator.vue
Export a survey to a PDF document
- src/views/ExportToPDF.vue
Visualize survey results
- As charts
  - src/data/analytics_data.js
  - src/views/Analytics.vue
- As a table (modern browsers)
  - src/data/analytics_data.js
  - src/views/AnalyticsTabulator.vue
- As a table (old browsers)
  - src/data/analytics_data.js
  - src/views/AnalyticsDatatables.vue
Create a custom question type
- src/components/customwidget.js
Register third-party components
- src/components/SurveyCreator.vue

survey-library

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.

survey-creator

Scalable open-source survey software to generate dynamic JSON-driven forms within your JavaScript application. The form builder features a drag-and-drop UI, CSS Theme Editor, and GUI for conditional logic and form branching.

surveyjs-nodejs

This demo shows how to integrate SurveyJS components with a NodeJS backend.

surveyjs_react_quickstart

SurveyJS + React Quickstart Template

surveyjs-aspnet-mvc

This demo shows how to integrate SurveyJS components with a .NET Core backend.

survey-analytics

Customizable JavaScript library to create interactive survey data dashboards and facilitate survey results analysis for your end-users.

custom-widgets

The collection of custom widgets for SurveyJS: Survey Library and Survey Creator 📦

surveyjs-php

This demo shows how to integrate SurveyJS components with a PHP backend.

survey-pdf

Supplementary component to the SurveyJS Form Library to download surveys as PDF files and generate editable PDF forms.

surveyjs_angular_cli

SurveyJS + Angular CLI Quickstart Template

surveyjs-wordpress

Example of integration SurveyJS: Survey Library and Survey Creator into WordPress

code-examples

Examples of SurveyJS configuration and usage.

builds

All surveyjs libraries and Editor builds

surveyjs-react-client

This project is a client-side React application that uses SurveyJS components. You can integrate it with a backend of your choice to create a full-cycle survey management service.

surveyjs-nextjs

NextJS form builder - this quick start template shows how to build survey application using NextJS & SurveyJS

generate-forms-from-domain-models

This example demonstrates how to generate forms in JSON format based on strongly-typed domain models and vice versa. Generated forms can be displayed by SurveyJS Form Library and edited in Survey Creator.

surveyjs-doc-generator

Documentation generation tool

surveyjsio-site-tests

Functional tests for surveyjs.io site

survey-internationalization

surveyjs_vue3_quickstart

SurveyJS + Vue 3 Quickstart Template

surveyjs-webforms

surveyjs-vue-bootstrap-material

SurveyJS Builder example with VueJS and Bootstrap-Material http://surveyjs.io/Library

auto-builds

surveyjs-nodejs-postgresql

This demo illustrates how easy it is to set up a client-server interaction of the SurveyJS client-side form builder component with any backend. By following the steps below you can run a sample React app with an integrated form builder. As a backend, the application uses NodeJS that stores form data in a PostgreSQL database.

surveyjs-blazor

This repository offers a quick start for developers who want to incorporate survey/form management system into their Blazor projects.

testcafe-blinking-issue

surveyjs-zendesk

SurveyJS plugin for Zendesk

surveyjs-remix

requirejs-jquery-example