Este teste irá nos mostrar suas habilidades de programação em TypeScript e React.
-
Este repositório contém um projeto Node.js utilizando Vite e React.
-
O código-fonte está na pasta
src
. Para executar o projeto, basta executar o comandonpm run dev
. -
No momento, há uma página inicial (
index.html
) onde é carregado o script principal (src/main.tsx
), que por sua vez renderiza o componenteTeste1
. Este componente renderiza uma tela branca com cinco retângulos pretos no centro.
-
Você deve implementar as seguintes funcionalidades:
-
Ao clicar com o botão direito em qualquer um dos retângulos, deve aparecer um menu de contexto com as opções "Vermelho", "Verde" e "Azul".
-
Ao clicar em uma das opções, apenas o retângulo selecionado deve mudar de cor para a cor selecionada.
-
-
Para isso, você deve refatorar o componente
Teste1
da maneira que achar mais adequada. Você pode criar outros componentes, outros arquivos de CSS, etc. -
Você não pode utilizar bibliotecas externas.