https://indecx-frontend-test.web.app/ - Página Web Vue 3 Desenvolvida como Teste Front-End.
-
Crie uma nova aplicação Vue.js que deve implementar o seguinte protótipo:
-
Adicione uma tela de login com validações, onde o usuário precisa inserir o e-mail e senha. Utilize o Vuelidate para fazer as validações dos campos de formulário.
-
Integre a tela de login com uma rota API. Utilize o axios para fazer as requisições HTTP para a API.
-
Após o login bem-sucedido, o usuário deve ser direcionado para uma tabela de produtos. Utilize o vuetify para criar a tabela.
-
Adicione funcionalidades de CRUD (criar, ler, atualizar e deletar) na tabela de produtos. Utilize o axios para fazer requisições para API.
-
Adicione a funcionalidade de logout e proteja as rotas de acesso somente para usuários autenticados.
-
Crie uma nova branch no Github com o nome indecx_test para o seu exercício.
-
Forneça o link do repositório e branch para o seu avaliador para que possa verificar o seu trabalho.
O projeto está em desenvolvimento, então as próximas atualizações serão voltadas nas seguintes tarefas:
- Configurar Ambiente de Desenvolvimento.
- Configurar Estrutura e Assets do Projeto.
- Instalar Bibliotecas Iniciais [Vuelidate, Vuetify, ...].
- Implementar Services da API.
- Implementar Tela de Login.
- Implementar Tela de Redefinir Senha.
- Implementar Tela de Listagem de Produtos.
- Implementar Modal de Excluir Produto.
- Implementar Modal de Criar Produto.
- Implementar Modal de Editar Produto.
Antes de começar, verifique se você atende às seguintes dependências:
Siga estas etapas:
git clone https://github.com/pumba-dev/indecx-frontend-test.git
cd indecx-frontend-test
npm install
npm run serve
 Eu Mesmo |
Entre em contato para se tornar um contribuidor.
Copyright © 2023 Pumba Developer