Pixel Art Maker
HTML | CSS | JS

Why I built this.

  • This project was the final project in the Grow with Google scholarship challenge course for web development.
  • I was challenged to build a single-page web app that allows users to create pixel art on a customizable canvas! I used HTML, CSS, Javascript, and jQuery.
  • Growing up, playing video games was one of my favorite hobbies so I decided to recreate the GameBoy as the frame for my pixel art canvas.

What I learned.

  • Using the canvas element in HTML5 enables the user to create many things in your browser, such as art, games, and more.
  • Javascript enables DOM manipulation which helps to create more dynamic and engaging user-interfaces.
  • jQuery is a lightweight, "write less, do more", JavaScript library.
  • It takes common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code.
Javascript and DOM Manipulation