Este repositório contém a minha solução para um teste técnico de Desenvolvedor Front-end Jr. O teste tem como objetivo demonstrar minhas habilidades com o desenvolvimento de uma aplicação web utilizando React, implementando funcionalidades de interação com cliques e controle de histórico.
O desafio consiste em criar uma aplicação em React onde o usuário possa clicar na tela para adicionar círculos, e contar com as funcionalidades de Desfazer (Undo) e Refazer (Redo) para controlar a inserção dos círculos.
- Inserção de Círculos:
- Ao clicar em qualquer área da tela, um círculo é inserido na posição exata do clique.
- Desfazer (Undo):
- Um botão de "Desfazer" que remove o último círculo adicionado.
- O botão deve ficar desativado caso não haja círculos na tela.
- Refazer (Redo):
- Um botão de "Refazer" que restaura o último círculo removido pelo botão "Desfazer".
- O botão deve ficar desativado caso não haja ações a refazer.
- React: Biblioteca principal para construção da interface.
- Vite: Ferramenta para bundling e desenvolvimento.
- Hooks do React: Utilizados para gerenciamento de estado.
Certifique-se de ter o Node.js e npm instalados em sua máquina.
-
Clone o repositório:
git clone https://github.com/Serg-Ale/FrontEnd-Dots-Challenge.git
-
Acesse o diretório do projeto:
cd FrontEnd-Dots-Challenge -
Instale as dependências:
npm install
-
Inicie o servidor de desenvolvimento:
npm run dev
-
Acesse a aplicação em seu navegador no endereço: http://localhost:5173
Se desejar melhorar este projeto ou corrigir algo, siga os passos abaixo:
- Fork o repositório.
- Crie uma branch para sua feature/correção:
git checkout -b minha-feature
- Commit suas alterações:
git commit -m 'Adicionei uma nova feature' - Envie para o seu repositório:
git push origin minha-feature
- Abra um Pull Request no repositório original.
Feito com ❤️ por Sérgio Alexandre. Entre em contato!