Poké-wikiweb app

JavaScript & CSS

Live version GitHub Repo

This app is a etch-a-sketch like web app with the possiblity to draw up to 100px x 100px squares in a bigger, single 960px x 960px square. The user can enter anytime a new square layout from 1 to 100 squares. By doing so, the old layout should be removed and the new layout is loaded without changing the bigger, single square size. Upon creation of the grid a trail in black is left behind the mouse courser when hover over the single squares. The entire page layout is generated via using DOM manipulation with javascript.

Manipulating the DOM using JavaScript can get pretty messy very fast. This is why it is important to keep a clean and understandable naming of constants in place.

Tools & methods used

Back to Top