Pixel Art Maker Project

Created for Udacity Google Front-End Web Developer Scholarship 2017-18 (phase 1)

Link to the Udacity Starter Code: The Pixel Art Maker repository on GitHub

Basic requirements:

• Write JavaScript code that lets the user to create a grid of squares representing their design, and apply colors to those squares to create a digital masterpiece!

• Your users should be able to:

  • Dynamically set the size of the table as an N by M grid.
  • Choose a color.
  • Click a cell in the grid to fill that cell with the chosen color.

Additional features added:

• Click and Drag Painting/Erasing
• Erasing on right click
• Choose Canvas Background Color
• Buttons:
  • Toggle Grid
  • Clear Canvas
  • Brush
  • Eraser

To Do's:

• Add Save Option
• Add Share buttons
• Add Zoom in and out
• Add draggable side panel
• Implement Jquery UI accordion
• Add color palette
• Use CSS Grid for Responsive Design
• Add media queries for Responsive design
• Refactor code continuously as I learn

Preview project on GitHub Pages or in Codepen.