Pixels Art

Clique aqui para ver o projeto no navegador.

Sobre

Projeto desenvolvido por Jonathan R. Andrade na Trybe.

Nesse projeto eu desenvolvi um site que contém uma paleta de cores utilizada para criar desenhos em píxeis, é possível apagar o desenho e alterar a quantidade de píxeis.

Habilidades desenvolvidas

Utilizar HTML para construir páginas WEB;
Utilizar o JavaScript para manipular os elementos HTML através do DOM;
Utilizar CSS para adicionar estilo e posicionar elementos.

Ferramentas utilizadas

HTML5
CSS3
JavaScript ES6+
Node.js v14

Como executar

Siga os passos abaixo executando os comandos no terminal.

Clone o repositório.

Exemplo com Git + HTTPS

git clone https://github.com/Jonathan-R-Andrade/pixels-art.git

Exemplo com Git + SSH

git clone git@github.com:Jonathan-R-Andrade/pixels-art.git

Usando GitHub CLI

gh repo clone Jonathan-R-Andrade/pixels-art

Entre na pasta do repositório clonado.

Instale as dependências:
```
npm install
```

Executando a aplicação

Entre na pasta src e abra o arquivo index.html no navegador.

Executando os linters

Para garantir a qualidade do código os linters ESLint e StyleLint foram utilizados, para rodá-los, execute os comandos abaixo:

Para rodar o ESLint:
```
npm run lint
```
Para rodar o StyleLint:
```
npm run lint:styles
```