https://github.com/raphaelalmeidamartins/pixels-art

Pixel board paint web app project developed at the end of Unit 5 (Principles of Web Development Module) of the Trybe's Web Development course
https://github.com/raphaelalmeidamartins/pixels-art

css html javascript

Last synced: about 1 year ago
JSON representation

Pixel board paint web app project developed at the end of Unit 5 (Principles of Web Development Module) of the Trybe's Web Development course

• Host: GitHub
• URL: https://github.com/raphaelalmeidamartins/pixels-art
• Owner: raphaelalmeidamartins
• Created: 2021-12-17T02:54:14.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-04-03T02:20:48.000Z (over 4 years ago)
• Last Synced: 2025-03-31T09:41:28.492Z (over 1 year ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage: https://raphaelalmeidamartins.github.io/pixels-art/
• Size: 1.95 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Pixels Art

![Prévia da página - Preview of the page](./preview.gif)

## :page_with_curl: About

Project of HTML, CSS, and JavaScript developed by me ([Raphael Martins](https://www.linkedin.com/in/raphaelameidamartins/)) at the end of Unit 5 ([Principles of Web Development Module](https://github.com/raphaelalmeidamartins/trybe_exercicios/tree/main/1_fundamentos-do-desv-web)) of [Trybe](https://www.betrybe.com)'s Web Development course. I was approved with 100% of the mandatory and optional requirements met.

We had to develop a dynamic and interactive web page where the user could paint the pixels on a board using a palette of colors generated randomly. The user can also change the size of the board.

[Click here](https://raphaelalmeidamartins.github.io/pixels-art/) to check out the final version of the project on your browser.

## :man_technologist: Developed Skills

* Use the DOM API to access HTML elements

* React to user interations by using event listeners

## :hammer_and_wrench: Tools

* HTML5

* CSS3

* JavaScript ES6+

## :trophy: Grade

![My grade of the project - Minha nota no projeto](./nota.png)

### :copyright: Copyright disclaimer

I developed this project for learning purposes, all the code and documentation texts in Portuguese and English are my authorship, and the rights belong exclusively to me. It is allowed to download or clone the repository for study purposes. However, it is not allowed to publish full or partial copies. This disclaimer does not cover libraries and dependencies, which are subject to their respective licenses.