/SurveyTool

Drag-and-drop editor to create HTML surveys built with Angular 2

Primary LanguageHTML

Survey Tool

This Survey Tool project started as an attempt to clone the functionality of the online survey making webapp Jotform. Users can create surveys, add multiple different types or questions, and other elements like headings, text paragraphs, and dividers. Once their survey is created, the user can export the HTML for their form for use in their website or landing pages.

To Use

To use the survey tool, start by clicking the 'Create New Survey' button. You can adjust survey-wide settings by clicking the settings gear next to your survey in the list on the left hand side. Select your survey and then you can drag in different types of questions and elements to build out your survey. Click on the settings gear next to each question or element to adjust styling for each part of your survey. When you are finished building your survey, export the HTML for your survey by presssing the 'Export HTML' button under the editor.

Contributing

This project is still in active development. Development is based on the development branch. To contribute, follow these steps:

  • git clone https://github.com/matty22/vue-pomodoro.git
  • git checkout development
  • git checkout -b issue-label/reference-to-issue (ex. bug/fix-grammar-error)

Make your changes in your local copy...

  • git add [filename].ext
  • git commit -m "Concise message that explains your changes"
  • git checkout development
  • git pull
  • git checkout fix/my-branch
  • git merge development
  • git push origin fix/my-branch

Then, open a PR on the development branch on the repo.

For questions, read these three blog posts for guidelines on how to contribute:

Angular CLI commands

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.