Este projeto tem a finalidade de desenvolver telas como especificado na imagem abaixo, através da utilização dos frameworks VueJS, Vuetify e NodeJS. A imagem passada serve apenas de guia para o desenvolvimento do projeto, não é necessário e nem esperado que seja exatamente igual a imagem passada. Nesse projeto somente as telas são exigidas, não será necessária a implementação de integração para a comunicação com o backend.
Assim, conforme a necessidade, para cada tela é requerido que seja utilizado um conjunto de componentes já pré-definidos que serão passados ao desenvolvedor mediante a aceitação de desenvolvimento do projeto. O uso desses componentes é importante para se manter um padrão de design nas telas. Caso nenhum dos componentes fornecidos seja útil para resolver algum problema em questão, pode se utilizar os componentes já definidos no framework Vuetify e se mesmo assim ele não o atender, então é esperado o desenvolvimento de um componente próprio (seguindo um padrão de nome: W + Nome base + Funcionalidade específica se tiver).
Esperamos que os componentes passados não sejam modificados, com exceção de extrema necessidade. Novamente para manter o padrão de design os ícones gratuitos do fontawesome devem ser utilizados.
Para as telas 1,2 e 3, como pode-se ver na imagem abaixo, é esperado que cada uma tenha seu próprio componente
view.vue, já para o restante das telas pode ser feito um componente view principal para gerenciar as transições entre as abas e assim cada aba pode ter uma view com seu arquivo separado.
No caso das telas 5, 9 e 10 podem ficar em um mesmo arquivo
view.vue. E por último, as rotas de url não são necessárias, podem ser implementadas apenas testes.
Objetivo:
Desolvimentos apenas de telas com o framework VueJS
Conhecimentos necessários:
VueJS
Vuetify
Fontawesome
NodeJS
Delivery term: Not specified