Coding Challenge: Tic-Tac-Toe

challenge-tictactoe.md

Coding Challenge: Tic-Tac-Toe

Create a Tic-Tac-Toe game.

Requirements

• Create a 3x3 grid tic-tac-toe game.
• Once there is a winner, the winning token must be displayed atop the grid.
• The grid must be centered on the page.
• Try to replicate the UI design as faithful to the mockup/screenshot as possible (see screenshot below).

Note:

• The images used are actually emojis: 🍌🍄.
• If you are having issues rendering the emojis (ie. Windows 7, etc.), feel free to just use X and O.

Guidelines

• Use HTML, CSS, and JavaScript to create the app.
• Do not use 3rd-party libraries (ie. jQuery, Bootstrap, etc.).
• Do not write inline CSS and JS (ie, no CSS and JS in the HTML; place CSS and JS in separate files).
• You are encouraged to use the latest JS syntax (ie. ES2015 and above, class, const, let, etc.); I will be running the app on the latest release version of Chrome.
• Employ a consistent coding and naming convention.
• Be as neat and well organized as possible.

Submission

To submit your work, you have 2 options:

Online Code Editors

• Use an online code editor such as repl.it, CodePen, or CodeSandbox.
• Share your work by providing a link.

Github

• Push your code to GitHub as a private repo.
• Add me as a collaborator to the repo.

Screenshot