Este repositório foi criado como parte de um desafio técnico. O objetivo era desenvolver dois Popups customizáveis, um para exibir um jogo de caça-níquel e outro para exibir um vídeo. As opções de configuração são definidas em um arquivo JSON, permitindo a flexibilidade de escolher as características de cada Popup.
As configurações dos Popups são armazenadas no arquivo configuration-data.json. Este arquivo contém as seguintes opções:
type: Define se o que vai ser exibido é o jogo ou vídeo, bastando mudar o valor para "game" ou "video"title: Define o título do Popupsubtitle: Define o subtítulo do Popupasset: Define a url da imagem ou do vídeo do PopupconsentCheckbox: Define o consentimento ou não para coleta de dados, sendo no caso marcado necessário atribuir o valor true, e no caso contrário atribuir o valor false.activatedFields: Objeto que possui as chaves email, name, phone e gender, em que atribuindo true as chaves habilita o campo no formulário do Popup, e no caso contrário desabilita.
Para executar a aplicação, você precisa ter o Yarn instalado. Siga os passos abaixo:
- Abra o terminal na pasta raiz do projeto.
- Execute o comando
yarn installpara instalar as dependências. - Após a conclusão da instalação, execute o comando
yarn startpara iniciar a aplicação. - O Popup será exibido no navegador de sua preferência, de acordo com as configurações definidas no arquivo
config.json.