O SISPAR é um sistema simples e eficiente para que colaboradores possam solicitar reembolsos de despesas realizadas em nome da empresa, como visitas a clientes utilizando meios próprios. As despesas reembolsáveis incluem almoço, pedágio, estacionamento, entre outras.
Este projeto foi desenvolvido utilizando Vue.js 2 com foco na experiência do usuário e fácil integração com backend via Web API.
- ✅ Autenticação simulada (mockada), com preenchimento automático de login
- ✅ Criação e visualização de solicitações de reembolso
- ✅ Armazenamento temporário com localStorage
- ✅ Integração com SheetDB API para persistência dos dados
- ✅ Interface responsiva com Bootstrap 5
Use as credenciais abaixo para acessar o sistema:
- Login: marcos@email.com
- Senha: 123
⚠️ Os dados de login são preenchidos automaticamente após acesso, simulando o uso individualizado por funcionário.
- SheetDB API – Conecta planilhas do Google como base de dados
sispar-vue/
├── public/ # Arquivos públicos (index.html, favicon, etc.)
├── src/ # Código-fonte da aplicação
│ ├── assets/ # Imagens, ícones e arquivos estáticos
│ ├── components/ # Componentes reutilizáveis Vue
│ ├── router/ # Configurações de rotas (Vue Router)
│ ├── views/ # Páginas principais da aplicação
│ ├── App.vue # Componente raiz
│ └── main.js # Arquivo principal que inicia a aplicação
├── .gitignore # Arquivos e pastas ignorados pelo Git
├── package.json # Dependências e scripts do projeto
└── README.md # Documentação do projeto (este arquivo)
No diretório do projeto, você pode executar os seguintes comandos com Yarn:
-
git clone https://github.com/Marcos-Monte/sispar-bootstrapvue
Clona o repositório do projeto para sua máquina local. -
cd sispar-vue
Acessa o diretório do projeto clonado. -
yarn install
Instala todas as dependências listadas nopackage.json
. -
yarn serve
Inicia o servidor de desenvolvimento com hot-reload. -
yarn build
Gera a versão otimizada para produção.
💡 Caso utilize
npm
, substitua os comandos acima por:
npm install
,npm run serve
enpm run build
-
O projeto ainda não possui autenticação real com múltiplos usuários.
-
As solicitações são salvas inicialmente no localStorage e depois enviadas à SheetDB.