A aplicação segue as orientações básicas do desafio. Foi feito como SSG/SPA, não seria necessário criar uma imagem docker para ele mas como não sabia muito bem se o Vue iria gerar um servidor ou não deixei assim, porém com um setup mínimo, olhe o Dockerfile para mais informações.
Apenas usuários com acesso de ADMIN conseguem criar, atualizar, editar e remover usuários, usuários comuns apesar de conseguirem logar não conseguem fazer nenhuma dessas ações, o layout inclusive é diferente.
Busquei fazer uso das features do Vue conforme a necessidade, fiz uso de rotas já que há várias views, Pinia para lidar com estado compartilhado, composables para lidar com códigos reutilizáveis e claro, componentes na medida do razoável para evitar repetições. O layout é responsível e simples.
- Primeiro clone o projeto:
git clone https://github.com/RenanGalvao/code-challenge-prounion-2.git - Acesse a pasta clonada
code-challenge-prounion-2
- Navegue até a pasta
frontend - Crie uma cópia do arquivo
.env.examplecom o nome de.env - Instale os pacotes necessários
npm install - Suba o aplicativo
npm run dev - Acesse http://localhost:3010 pelo navegador
- Usuário:
[email protected] - Senha:
12345678
Note que se você não subir o backend também, serão apresentadas mensages de erro quando o aplicativo tentar fazer requisições à API.
Inicie o projeto a partir do docker-compose.yml da pasta raiz.
- Docker - Virtualização
- NodeJs - Runtime
- VueJs - Framework
- TailwindCSS - Framework CSS