Este projeto é uma implementação de um componente de árvore interativa como parte do desafio frontend da HiPlatform. Cada item da árvore pode ter itens filhos aninhados, e os usuários podem mostrar/esconder os filhos, bem como marcar/desmarcar itens com mudanças de estado em cascata.
A demonstração ao vivo do projeto está hospedada na Vercel: https://hiplatform.vercel.app/
- Cada item possui um checkbox para seleção.
- Marcar/desmarcar um item com filhos propaga o estado para todos os descendentes.
- O checkbox do item pai torna-se indeterminado quando alguns, mas não todos, os filhos estão marcados.
- O checkbox do item pai reflete o estado de todos os filhos quando todos estão marcados/desmarcados.
- Os usuários podem alternar a visibilidade dos itens filhos de um item pai.
Para instalar o projeto, siga estes passos:
-
Clone o repositório:
git clone https://github.com/seu-usuario/hiplatform-challenger.git
cd hiplatform-challenge
-
Instale as dependências:
npm install
Para executar o projeto localmente, execute: npm start
Isso iniciará o servidor de desenvolvimento e abrirá o projeto no seu navegador padrão.
Para executar os testes, utilize o comando: npm test
Desenvolvido por @MoisesMed
Obrigado por conferir este projeto!