├── .gitattributes
├── babel.config.js
├── public
├── favicon.ico
└── index.html
├── src
├── assets
│ ├── img
│ │ ├── UE.jpg
│ │ ├── ash.png
│ │ ├── goku.png
│ │ ├── pikachu.png
│ │ └── vegeta.png
│ └── audios
│ │ ├── key.wav
│ │ └── confirm.wav
├── main.js
├── css
│ └── global.css
├── components
│ ├── CompTeclado.vue
│ └── CompTela.vue
└── App.vue
├── vue.config.js
├── .gitignore
├── jsconfig.json
├── package.json
├── LICENSE
└── README.md
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 |
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [
3 | '@vue/cli-plugin-babel/preset'
4 | ]
5 | }
6 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dimascapelari/urna-eletronica-vue/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/src/assets/img/UE.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dimascapelari/urna-eletronica-vue/HEAD/src/assets/img/UE.jpg
--------------------------------------------------------------------------------
/src/assets/img/ash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dimascapelari/urna-eletronica-vue/HEAD/src/assets/img/ash.png
--------------------------------------------------------------------------------
/src/assets/img/goku.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dimascapelari/urna-eletronica-vue/HEAD/src/assets/img/goku.png
--------------------------------------------------------------------------------
/src/assets/audios/key.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dimascapelari/urna-eletronica-vue/HEAD/src/assets/audios/key.wav
--------------------------------------------------------------------------------
/src/assets/img/pikachu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dimascapelari/urna-eletronica-vue/HEAD/src/assets/img/pikachu.png
--------------------------------------------------------------------------------
/src/assets/img/vegeta.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dimascapelari/urna-eletronica-vue/HEAD/src/assets/img/vegeta.png
--------------------------------------------------------------------------------
/src/assets/audios/confirm.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dimascapelari/urna-eletronica-vue/HEAD/src/assets/audios/confirm.wav
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | const { defineConfig } = require('@vue/cli-service')
2 | module.exports = defineConfig({
3 | transpileDependencies: true
4 | })
5 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 |
4 | Vue.config.productionTip = false
5 |
6 | new Vue({
7 | render: h => h(App),
8 | }).$mount('#app')
9 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 |
5 |
6 | # local env files
7 | .env.local
8 | .env.*.local
9 |
10 | # Log files
11 | npm-debug.log*
12 | yarn-debug.log*
13 | yarn-error.log*
14 | pnpm-debug.log*
15 |
16 | # Editor directories and files
17 | .idea
18 | .vscode
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
24 |
--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "module": "esnext",
5 | "baseUrl": "./",
6 | "moduleResolution": "node",
7 | "paths": {
8 | "@/*": [
9 | "src/*"
10 | ]
11 | },
12 | "lib": [
13 | "esnext",
14 | "dom",
15 | "dom.iterable",
16 | "scripthost"
17 | ]
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/src/css/global.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --background-color: #333333;
3 | --ballot-box-background-color: #dcdde1;
4 | --ballot-box-keyboard-color: #2f3640;
5 | --ballot-box-screen-color: #e3eef9;
6 | --ballot-box-keyboard-button-color: #292e33;
7 | --ballot-box-white-button-color: #eeeeee;
8 | --ballot-box-correct-button-color: #ff841f;
9 | --ballot-box-confirm-button-color: #7daa44;
10 | --light-border-color: #cccccc;
11 | --dark-border-color: #444444;
12 | --light-text-color: #eeeeee;
13 | --dark-text-color: #333333;
14 | }
15 |
16 | html,
17 | body {
18 | margin: 0;
19 | padding: 0;
20 | width: 100%;
21 | height: 100%;
22 | }
23 |
24 | * {
25 | box-sizing: border-box;
26 | font-family: sans-serif;
27 | }
28 |
29 | button {
30 | border: 0;
31 | cursor: pointer;
32 | }
33 |
34 | button:focus {
35 | outline: none;
36 | }
37 |
38 | button:active {
39 | opacity: 0.6;
40 | }
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "urna-eletronica",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "serve": "vue-cli-service serve",
7 | "build": "vue-cli-service build",
8 | "lint": "vue-cli-service lint"
9 | },
10 | "dependencies": {
11 | "core-js": "^3.8.3",
12 | "vue": "^2.6.14"
13 | },
14 | "devDependencies": {
15 | "@babel/core": "^7.12.16",
16 | "@babel/eslint-parser": "^7.12.16",
17 | "@vue/cli-plugin-babel": "~5.0.0",
18 | "@vue/cli-plugin-eslint": "~5.0.0",
19 | "@vue/cli-service": "~5.0.0",
20 | "eslint": "^7.32.0",
21 | "eslint-plugin-vue": "^8.0.3",
22 | "vue-template-compiler": "^2.6.14"
23 | },
24 | "eslintConfig": {
25 | "root": true,
26 | "env": {
27 | "node": true
28 | },
29 | "extends": [
30 | "plugin:vue/essential",
31 | "eslint:recommended"
32 | ],
33 | "parserOptions": {
34 | "parser": "@babel/eslint-parser"
35 | },
36 | "rules": {}
37 | },
38 | "browserslist": [
39 | "> 1%",
40 | "last 2 versions",
41 | "not dead"
42 | ]
43 | }
44 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2022 Dimas Capelari
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | Urna Eletrônica feita em Vue.JS
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | ## 💻 Sobre o Projeto:
11 |
12 | Uma URNA ELETRÔNICA EM VUE.JS ???
13 |
14 | Simmmmm !!! Meu projeto dessa semana é uma Urna Eletrônica com responsividade para celulares em posição horizontal...
15 |
16 | Desenvolvida em Vue.JS, ela é uma réplica da famosa UE (urna eletrônica) funcionando para votação de Prefeito e depois Vereador.
25 |
26 | Funciona igual uma UE de verdade, você escolhe primeiro o prefeito ou votar em BRANCO e clica em CONFIRMA.
27 | Depois é a vez do vereador, digite o número do canditado e CONFIRMA.
28 | Ela vai para tela de FIM tocando o famoso som da Urna Eletrônica Brasileira. Obs: aguarde 5 segundos e ela reinicia a Votação!
29 |
30 |
31 | E como sempre venho evoluindo meus conhecimentos e estudos, resolvi encarar mais esse desafio de projeto em Vue.JS
32 |
33 | Link da aplicação (Deploy): https://urna-eletronica-vue-dimas.netlify.app/
34 |
35 | ## 🛠 Tecnologias:
36 |
37 | As seguintes ferramentas foram usadas na construção do projeto:
38 |
39 | - [Vue.JS]
40 | - [JavaScript]
41 | - [HTML5]
42 | - [CSS3]
43 | - [VsCode]
44 |
--------------------------------------------------------------------------------
/src/components/CompTeclado.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |