johntvale/project-pixels-art

Uma paleta de cores que possibilita ao usuário selecionar uma cor e preencher o quadro de pixels de acordo com as cores selecionadas. Também é possível aumentar o número de pixels do quadro. Projeto desenvolvido utilizando HTML, CSS e JavaScript.

Projeto Pixels Art

Esse projeto foi desenvolvido no curso da Trybe, no módulo de Fundamentos.

O objetivo desse projeto é desenvolver uma paleta de cores, de forma que seja possível ao usuário selecionar uma cor e utilizá-la para colorir o quadro de pixels.
Além disso, o usuário também poderá utilizar diferentes cores da paleta a cada recarregamento da página, e alterar a quantidade de pixels do quadro de pitura.

Você pode acessá-lo clicando aqui 🚀.

👉 Observação: Na pasta "images" estão alguns desenhos como amostra do que é possível fazer com o quadro de pixels. Não esquece de conferir, você não vai ser arrepender! 😄

---

A pessoa usuária poderá:

• Selecionar uma cor na paleta de cores
• Preencher os pixels com a cor selecionada
• Restaurar a cor padrão o quadro de pixels (botão "Limpar")
• Aumentar o quadro de pixels (digitando um número e clicando no botão "VQV")
• Gerar cores novas à paleta de cores (recarregando a página)

---

Habilidades desenvolvidas

• Manipular o DOM
• Manipular Javascript.
• Utilizar elementos Html e CSS com estruturas condicionais

---

Tecnologias utilizadas

• JavaScript
• Html
• Css
• DOM