An open API service indexing awesome lists of open source software.

https://github.com/renanstn/poll-generator-frontend

Frontend de um app de criação de enquetes e acompanhamento dos resultados em tempo real.
https://github.com/renanstn/poll-generator-frontend

authentication bootstrap bootstrap-vue cookies frontend token-based-authentication vue

Last synced: 3 months ago
JSON representation

Frontend de um app de criação de enquetes e acompanhamento dos resultados em tempo real.

Awesome Lists containing this project

README

          

# poll-generator-frontend

[![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=flat&logo=vuedotjs&logoColor=%234FC08D)](https://vuejs.org/)
[![Bootstrap](https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=flat&logo=bootstrap&logoColor=white)](https://bootstrap-vue.org/)
[![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=flat&logo=express&logoColor=%2361DAFB)](https://expressjs.com/)

## O que é

Frontend do app de criação de enquetes.

Este frontend consome dados do meu [Poll Generator](https://github.com/renanstd/poll-generator), um app feito em Django, que fornece um endpoint REST para cadastro de enquetes e votação, e um endpoint websocket para exibição dos resultados em tempo real.

Este projeto foi desenvolvido no intuito de ajudar meus amigos do canal [Público Geral](https://www.instagram.com/publicogeraloficial/) na criação de enquetes durante sessões de RPG transmitidas ao vivo pelo [Youtube](https://www.youtube.com/channel/UCiX7AWd2w9mC-iaZRFfUs_w).

O objetivo era ter uma área **pública**, onde os usuários votem nas enquetes ativas, e uma área exclusiva do **mestre**, onde é possível, após login, criar, encerrar, e reativar enquetes, assim como acompanhar as votações em tempo real.

![polls](/images/polls.png)

![polls](/images/poll_create.png)

![polls](/images/results.png)

## O que usei

A seguinte stack foi utilizada neste projeto:

- [Vue](https://vuejs.org/)
- [Vue CLI](https://cli.vuejs.org/)
- [Vue Router](https://router.vuejs.org/)
- [Vue Cookies](https://www.npmjs.com/package/vue-cookies)
- [Bootstrap Vue](https://bootstrap-vue.org/)
- [Axios](https://www.npmjs.com/package/axios)
- [Express](https://www.npmjs.com/package/express)

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).