A 2–player tic-tac-toe game with a twist—there is a 5 second timer starting each turn—and if it reaches 0, something bad happens. Additionally, if the game ends in a draw, whichever player spent the least time wins.
Link to project: https://blitztactoe.netlify.app/
Tech used: HTML, CSS, and JavaScript
@alexisintech, @Ethodeus, @bytesbybianca, @LucasMERN, @brendondsouza, @TonyHerbert22ATX and I collaborated to build this project. We split into two groups—one group built the win and draw condition validation algorithms while the other styled the site and added support for user input.
This project helped us better understand how to split up work based on each person's strengths. We learned about how to utilize 2d arrays to better represent 2 dimensional grids. We discovered a method to add event listeners to every button without manually adding one for each one. Finally, after struggling to find the appropriate values to do what we wanted, we made the connection between SVG and CSS animation's positioning systems and tweaked the text box's slide in animation to perfection.