Este repositório contém uma aplicação web interativa 🌐 desenvolvida como um teste de habilidades para desenvolvedores React em nível júnior. O objetivo deste desafio é criar uma aplicação que permite aos usuários adicionar círculos na tela com cliques do mouse 🖱️ e fornecer funcionalidades de desfazer (undo) e refazer (redo) para gerenciar esses círculos.
A aplicação consiste em uma tela interativa na qual o usuário pode clicar em qualquer ponto para inserir um círculo na posição exata do clique. Além disso, a interface inclui dois botões: um para "Desfazer" a última ação e outro para "Refazer" a ação se ela tiver sido desfeita.
- Adicionar Círculo: Ao clicar em qualquer lugar da área designada na aplicação, um círculo será desenhado na posição correspondente ao clique do mouse.
- Desfazer 🔙: Um botão que, quando clicado, remove o último círculo adicionado da tela.
- Refazer 🔜: Um botão que permite ao usuário refazer a última ação de desfazer, trazendo de volta o círculo removido.
Para executar a aplicação localmente, siga os passos abaixo:
- Clone o repositório:
git clone https://github.com/seu-usuario/desafio-react-junior.git - Navegue até o diretório do projeto:
cd desafio-react-junior - Instale as dependências do projeto:
npm install - Inicie o servidor de desenvolvimento:
npm start - Abra seu navegador e acesse
http://localhost:3000para ver a aplicação em ação 🎉.
- React: Uma biblioteca JavaScript para construir interfaces de usuário 🖼️.
- CSS: Para estilização dos componentes 🎨.
Contribuições são sempre bem-vindas! Se você tem alguma sugestão para melhorar a aplicação, sinta-se à vontade para criar um pull request ou abrir uma issue.
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Desenvolvido com ❤️ por Brito.