ReactJS ToDoList
1.0.0
Este projeto implementa o Front-End para uma aplicação web simples de To-Do List, utilizando a biblioteca React JS, e também Styled Components substituindo CSS puro.
Inclui a página de login e a IU geral do aplicativo.
A lógica de autenticação de login e o banco de dados de tarefas para cada usuário não estão implementados, pois este projeto pretende ser apenas um estudo Front-End.
A página de login foi inspirada neste design de Jordan Hughes. A página inicial foi inspirada neste design de Mik Skuza.
• Página de login, incluindo botão Sign In, que redireciona para o aplicativo principal;
• UI do aplicativo com barra lateral de navegação e área para lista de tarefas;
• Adicionar nova tarefa, definindo propriedades de nome e categoria;
• Excluir tarefa, com modal para confirmação da ação;
• Verifique a tarefa como concluída através da caixa de seleção;
• Filtrar tarefas exibidas na lista de tarefas por “concluídas”, “não concluídas” ou “todas”;
• Filtrar tarefas exibidas na lista de tarefas por categoria, selecionando na barra lateral;
• Autorização: o usuário não pode acessar a página inicial antes do login, nem a página de login após o login.
Obs.: atualmente as funcionalidades “editar tarefa” e adicionar ou remover categorias não estão implementadas, pois considerei que não contribuiria muito para o meu aprendizado pessoal e consumiria muito tempo. Talvez eu implemente isso mais tarde.
Se você quiser experimentar este projeto sozinho:
sudo npm install -g yarnyarn install no terminal, dentro da pasta onde você baixou o projeto, para instalar todas as dependências utilizadas.yarn start para executar o projeto em seu navegador.
