geovannaotoni / trybe-project-pixels-art

Projeto Arte com Pixels

Projeto que consiste em um editor de arte com pixels. Ele permite que a pessoa usuária escolha uma cor em uma paleta de cores e pinte o que quiser em um quadro branco.

💻 Visualize este projeto:

Acesse o site pelo GitHub Pages aqui! https://geovannaotoni.github.io/trybe-project-pixels-art/

💡 Habilidades:

Feito a partir dos conhecimentos de CSS, HTML, JavaScript, DOM e Eventos.

Requisitos:

1 - Título "Paleta de Cores".

2 - Adicione à página uma paleta contendo quatro cores distintas.

3 - Adicione a cor preta como a primeira cor da paleta de cores.

4 - Botão para gerar cores aleatórias para a paleta de cores.

5 - Função usando localStorage para que a paleta de cores gerada aleatoriamente seja mantida após recarregar a página.

6 - Adicione à página um quadro contendo 25 pixels.

7 - Faça com que cada pixel do quadro tenha largura e altura de 40 pixels e borda preta de 1 pixel de espessura.

8 - Defina a cor preta como cor inicial da paleta de cores.

9 - Função para selecionar uma cor na paleta de cores.

10 - Função que permita preencher um pixel do quadro com a cor selecionada na paleta de cores.

11 - Botão que retorne a cor do quadro para a cor inicial.

12 - Função para salvar e recuperar o seu desenho atual no localStorage.

13 - Input que permita à pessoa usuária preencher um novo tamanho para o quadro de pixels.

14 - Função que limite o tamanho mínimo e máximo do quadro de pixels.

15 - Função para manter o tamanho novo do board ao recarregar a página.