Skip to content

Projeto realizado com Javascript, Css e Html. Envolveu uma área de preenchimento de cores com tamanho modificável, cores randômicas e um botão de limpar.

Notifications You must be signed in to change notification settings

SamuelRocha91/PixelsArt

Repository files navigation

Beginner Logo Project Pixels Art Beginner Logo

🌐

Português Español English Русский 中文 العربية

Demonstração do Projeto

Sobre o Projeto

Este é um projeto avaliativo desenvolvido no módulo de Fundamentos do curso de Desenvolvimento Web da Trybe. Ele explora conceitos essenciais de JavaScript, CSS e HTML, com foco na manipulação do DOM e armazenamento de dados no Web Storage.

O objetivo do projeto é criar uma aplicação de arte em pixels, onde o usuário pode selecionar cores de uma paleta randômica e aplicá-las a uma grade de quadrados. A aplicação também permite o armazenamento das cores selecionadas e o tamanho da grade, mesmo após a página ser recarregada.

Funcionalidades

  • Selecionar cores a partir de uma paleta randômica.
  • Aplicar cores a uma grade de pixels.
  • Salvar as cores e a configuração da grade no navegador (usando Local Storage).
  • Redimensionar o número de quadrados da grade.
  • Limpar a grade, removendo as cores aplicadas.

Competências Desenvolvidas

Durante o desenvolvimento deste projeto, as seguintes competências foram aprimoradas:

  1. Manipulação de elementos no DOM.
  2. Uso de Web Storage para persistência de dados.
  3. Aplicação de lógica de programação em um contexto prático.
  4. Implementação de estruturas de repetição.
  5. Aplicação de condicionais.
  6. Modularização do código por meio de funções.

Como Executar

  1. Clone este repositório:
    git clone https://github.com/SamuelRocha91/PixelsArt.git
  2. Navegue até o diretório do projeto:
    cd PixelsArt
  3. Abra o arquivo index.html no navegador.

Outros Projetos de Iniciante

Aqui estão alguns outros projetos que desenvolvi durante o início da minha jornada como desenvolvedor:

About

Projeto realizado com Javascript, Css e Html. Envolveu uma área de preenchimento de cores com tamanho modificável, cores randômicas e um botão de limpar.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published