This is an application that imitates the behavior of the screensaver of old DVD devices with a bounce effect of your logo every time it reaches a corner of the screen, changing its color. This version has new features like activating a trail on the image, changing the background color every time you touch the corner of the screen, and even replacing the logo with a customized image chosen by the user.
- React
- Styled Components
To execute the project, you'll need to have Node and NPM or Yarn installed to setup all the dependencies.
In the project root folder:
npm install
npm run devIf you are using Yarn, use this:
yarn install
yarn devAfter finishing installation, the web page will be open in your browser.
Este é um aplicativo que imita o comportamento da proteção de tela dos antigos dispositivos de DVD com um efeito de bounce do seu logo a cada vez que ele chegava em um canto da tela, alterando a sua cor. Esta versão possui novas funcionalidades como ativar um rastro na imagem, alterar a cor do background a cada vez que toca no canto da tela, e até mesmo substituir o logo por uma imagem customizada escolhida pelo usuário.
- React
- Styled Components
Para executar o projeto, você irá precisar ter o Node e o NPM ou Yarn instalados para baixar as dependências.
Na pasta raíz do repositório:
npm install
npm run devSe estiver usando Yarn, utilize
yarn install
yarn devQuando terminar, a página da aplicação web será aberta no navegador.