vue-easy-polls

A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.

Prerequisites

Vue.js 2
Axios

Installing

Using npm:

$ npm i @updivision/vue-easy-polls

Example (NPM)

<template>
  <div id="app">
    <poll-creator savePollUrl="post-poll-url" />
    <hr>
    <poll-view getPollUrl="get-poll-url" saveVoteUrl="post-save-url"/>
  </div>
</template>

<script>
import {PollView, PollCreator} from '@updivision/vue-easy-polls'

export default {
    name: 'app',
    components: {
        PollCreator,
        PollView
    }
}
</script>

Customize

<template>
  <div id="app">
    <poll-creator savePollUrl="post-poll-url" />
    <hr>
    <poll-view getPollUrl="get-poll-url" saveVoteUrl="post-save-url"/>
  </div>
</template>

<script>
import {PollView, PollCreator} from '@updivision/vue-easy-polls'

export default {
    name: 'app',
    components: {
        PollCreator,
        PollView
    }
}
</script>

<style lang="scss">
//...
$poll-primary: red;
$poll-secondary: yellow;
@import "@updivision/vue-easy-polls/src/assets/poll.scss";
//...
</style>

Poll Attributes

PollCreate.vue

Attribute Description Accepted values HTTP verb Required Default
savePollUrl This is the endpoint where your server will save the current poll URL (string) POST required -

PollView.vue

Attribute Description Accepted values HTTP verb Required Default
saveVoteUrl This is the endpoint where your server will save the vote for the current poll URL (string) POST required -
getPollUrl This is the endpoint from where your server will return the poll URL (string) GET required -

Database schema example

Database schema

Screenshots

vue-easy-polls

vue-easy-polls

vue-easy-polls

GitHub