mjgargani/archive-lrn-nodejs-typescript-reactjs-styledcomp_color-diff-test

Teste de percepção de cores desenvolvido com `ReactJS` (2020)

nodejs-ts-reactjs-styledcomponents_color-diff-test

Descrição / Description

Teste de percepção de cores programado em ReactJs, utilizando blocos com diferentes níveis de opacidade. O teste é personalizável. Esse projeto é inspirado em outros testes do mesmo tipo, encontrados na internet.

Color perception test programmed in ReactJs, using blocks with different levels of opacity. The test is customizable. This project is inspired by other tests of the same type found on the internet.

Como rodar / How to run

⚠️ Necessita de um navegador web e do NodeJS. O projeto foi testado utilizando a versão 18.15.0.

⚠️ Requires a web browser and NodeJS. The project was tested using version 18.15.0.

npm i # Install the packages / Instale os pacotes

npm start # Run the `start` script / Rode o script `start`

Após a compilação ocorrer, use o navegador para acessar o endereço http://localhost:3000/.

After compilation takes place, use the browser to access the address http://localhost:3000/.

Rodar com o Docker / Run with Docker

⚠️ Necessita do Docker instalado no host para funcionar.

⚠️ Requires Docker installed on the host to work.

docker run --rm -it \
  -v $(pwd):/app/ \
  -w /app/ \
  -p 3000:3000 \
  node:18.15.0-alpine \
  sh -c 'npm i && npm start'

Após a compilação ocorrer, use o navegador para acessar o endereço http://localhost:3000/.

After compilation takes place, use the browser to access the address http://localhost:3000/.