O projeto compreende a implementação de uma árvore de checkboxes desenvolvida com AngularJS, que armazena seus dados no localStorage. Com o objetivo de aprimorar a experiência do usuário, foram incorporadas diversas funcionalidades:
- Optei por um layout limpo, minimizando a poluição visual.
- Quando um elemento pai é marcado, todos os seus filhos são automaticamente selecionados.
- Se todos os filhos forem marcados, o elemento pai tambem é marcado.
- Se apenas alguns elementos filhos estiverem marcados, o elemento pai exibirá um ícone diferenciado.
- Destaque Interativo: Ao posicionar o cursor sobre um elemento pai, todos os filhos são realçados com uma cor de fundo distinta, tornando mais fácil identificar os itens que serão marcados.
- Controle de Visibilidade: Foi incluído um botão para exibir ou ocultar os elementos filhos, oferecendo maior controle sobre a visualização da árvore.
Instalação das Dependências
npm install
Execute o servidor de desenvolvimento:
npm start
Acesse http://localhost:8080/ para ver o resultado