/do-it-now

Primary LanguageJavaScript

Do It Now šŸ‘½

Escopo da aplicaĆ§Ć£o

Home:

  • Aplicar pattern no fundo da pĆ”gina
  • Ter links para as telas de cadastro e login

Cadastro:

  • Aplicar validaƧƵes no formulĆ”rio
  • FormulĆ”rio em caso de sucesso redirecionar para a tela de listas

Login:

  • Aplicar validaƧƵes no formulĆ”rio
  • FormulĆ”rio em caso de sucesso redirecionar para a tela de listas

Listas:

  • Colocar pelo menos trĆŖs listas (dados estĆ”ticos no HTML dados no estado da aplicaĆ§Ć£o)
  • Apenas uma delas detalhada com tarefas e subtarefas
  • Colocar pelo menos trĆŖs tarefas, sendo que uma delas tenha ao menos duas subtarefas (dados estĆ”ticos no HTML dados no estado da aplicaĆ§Ć£o)
  • Permitir criaĆ§Ć£o e remoĆ§Ć£o de tarefas subtarefas
  • Permitir ediĆ§Ć£o de nome da lista
  • Permitir marcar tarefa e subtarefa como completa
  • Ao completar uma tarefa, todas as suas subtarefas devem ser marcadas como feita
  • Ao marcar todas subtarefas, a tarefa mĆ£e deve ser marcada como completa
  • Ter link para tela de criaĆ§Ć£o de lista

CriaĆ§Ć£o de lista:

  • Aplicar validaƧƵes no formulĆ”rio
  • Nome da lista Ć© obrigatĆ³rio
  • Permitir a criaĆ§Ć£o de vĆ”rias tarefas

Como rodar a aplicaĆ§Ć£o

# Instala as dependĆŖncias
npm install

# Roda o servidor de desenvolvimento na porta localhost:8080
npm run dev

# Gera o build de produĆ§Ć£o minificado
npm run build

Tecnologias utilizadas

  • Vue.js - O Framework utilizado
  • Vuex - Biblioteca de gerenciamento de estado para aplicativos Vue.js
  • vue-router - Biblioteca de gerenciamento de rotas para aplicativos Vue.js
  • Node.js - Para as ferramentas de servidor e compilaĆ§Ć£o
  • NPM - Gerenciador de dependĆŖncias de projeto
  • webpack - Module bundler para aplicaƧƵes javascript
  • PostCSS - Ecossistema de plugins personalizados e ferramentas