

Once I had decided on the game, I created the wireframe below to lay out the board and the navigation. This being said, I hadn’t played Mancala for a few years so I refreshed myself with the rules of the game, referencing the site below, and wrote up my own interpretation as well that served as the basis for the “How to Play” content on the game’s page:

Immediately, I thought back to my younger days as a swimmer, playing mancala with friends at meets. I wanted to avoid a typical board game for this project, but I still wanted to pick one that was familiar and with simple enough rules that would allow for some time to focus on really perfecting the CSS and logical components. Animations (scaling and fade out of mancala text).Location of the starting and ending holes on a given turn.Number of marbles to distribute in a single turn.Determining the color of marbles and location within their holes/mancalas.Determining hover behavior on mouse leaving and entering holes.Marble holes (moving marbles on click, providing marble count on hover).Technologies Used JQuery/JavaScript: Event listeners: This is an interactive mancala game that can be played right on your desktop! In order to play, simply grab a friend and load the Github link found in this markdown in your browser window.
