Pixel Art Canvas

This is a simple drawing app that allows users to create their own grid and draw by clicking and dragging over the squares.
Users can choose colors, switch between drawing and erasing, and resetting the grid.

This project uses AI

I used AI to help me figure out why the grid won’t show and why I can’t draw on the grid

Demo Repository

Sadiya shipped Pixel Art Canvas

about 3 hours ago

Shipped this project!

I built a drawing app where the user can generate a grid of their choice and draw by clicking and dragging across the grid. While I was making this I learned how important it is to order everything correctly or it won’t work how you want it too.

Sadiya worked on Pixel Art Canvas

about 3 hours ago

2h 40m logged

After rewriting my code (especially the JS) I am now able to say that this project is working the way it should

Sadiya worked on Pixel Art Canvas

5 days ago

0h 28m logged

What I added in JS

References
Event objects
detect touch
created grid (rows and columns)
clear grid
erase button
paint button
display grid (width and height)

Now I will figure out why the grid is not showing

Sadiya worked on Pixel Art Canvas

6 days ago

0h 17m logged

I have changed a lot of stuff like the html and css

Sadiya worked on Pixel Art Canvas

19 days ago

0h 15m logged

This is the start of this project
I have finished outlining and added a little bit of styling
Now I am working on the JS

0 Followers

Shipped this project!