Desafio Frontend OW Interactive

O desafio de Frontend foi organizado em 3 etapas, onde em cada etapa será avaliado um tipo de conhecimento diferente.

Objetivo:

Desenvolver um PWA de um Todo-list (Exemplo: https://www.w3schools.com/howto/howto_js_todolist.asp)

Premissas:

• O Web-App deverá:
• Utilizar grid responsiva
• Ter estilos escritos em SASS
• Ter os componentes (botões, inputs, espaçamentos) desenvolvidos e criados por você, não será permitido o uso de Bootstrap
• Ser desenvolvido utilizando Vue e os arquivos JS devem estar em ECMA6
• A estrutura de arquivos fica a seu critério

Etapa 1

• Desenvolver um Web-app capaz de criar, editar, remover e ordenar os itens de um Todo-list.

• Configurações: Os campos para filtro/busca são:

  • Título do item
  • Status (itens aberto, concluída)
  • Prioridade (Baixa, Média e Alta)

• Os campos para cadastro de um item são:

  • Título (campo aberto, obrigatório)
  • Descrição (campo aberto)
  • Prioridade (Select com opções: Baixa, Média e Alta)

• Possibilidade de Salvar e Cancelar

• Possibilidade de mudar o status do item: Aberto, Concluída

• Visualização do item deverá exibir: Título, Descrição e Prioridade

Etapa 2

• O Web-App deverá ser capaz de salvar os dados (pode ser desde localStorage até o Firebase)
• Adicionar o botão de remoção
  • Ao tentar remover um item, deverá exibir um modal de confirmação para Aceitar ou Cancelar a ação.

Etapa 3

• Os itens poderão ser ordenados (drag and drop) e suas posições deverão ser salvas
• Componentizar partes do seu app
• HTML Semântico, Comentários nos códigos, Acessibilidade, Criar atalhos no teclado para navegação

Instruções:

• Crie um fork e submeta ao github;
• Quando terminar, envie o link do fork ou o projeto para letsrock@owinteractive.com, com o assunto [DESAFIO FRONT-END]