The goal is to rearraange the tiles in numerically ascending order from lowest to highest, from top left to bottom right
None required, to play just go: Here
This project was an A-Z exercise in creating a fully functional, ES6 class based game. I started with several hours of whiteboarding and planning, which prompted me to ask myself many questions along the way that I hadn't thought of before. Once i had my basic design, I started with functionality first design second. I began with pure function expressions in one page, app.js. Once I had the game working, I linted, and brokes the components into classes, tiles and game. From there, I created the main.js and created the instances. Because this was a small game the design was minimal. The complexity lies in the functionlity.
- Javascript ES6
- HTML / CSS
- git locally
- GitHub
- Github pages for deployment
I designed the game in such a manner to build a small MVP and once functional, simply refactor the CSS to accomodate any number of tiles to scale the game. Knowing that some things take me a long time, I strived for scalability last, and ran out of time.
The issue is a bug in the setWinArrPattern() function. When I create larger instances, the game starts "missing" random numbers. This is seen here
Given a few more hours, I fell this bug is easily fixable.