Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tic Tac Toe with React.js + SCSS

#jest#react#sass/scss#react-testing-library

@mlatka9

Desktop design screenshot for the Tic Tac Toe game coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feel free to give me any feedback

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Excellent work on this solution, Mateusz! Your project looks incredible, and I like how you've used Storybook and implemented tests.

There are a couple of areas you could improve, which would be great to see:

  • You've used buttons for setting up the game and restarting a game, which is great. However, you've not used them for the actual game tiles, which means they're not accessible to anyone navigating using a keyboard. Adding buttons would make playing the game accessible to anyone not using a mouse/trackpad.
  • As @yaloswog mentioned above, the CPU player isn't smart. An excellent way to test yourself further would be to make the CPU smart. This would mean the CPU would proactively block potential winning moves from the player and try to build sequences of its own to win.

Keep up the amazing work! 👍

Marked as helpful

1
yalo 0

@yaloswog

Posted

I really like how clean the app is, my only issue with the project is simply is that the bot isn't smart, you can win every single game.

I love the design, keep up the great work!

3

@jemeneradev

Posted

The animations add to the awesomeness of the app! Great job! I am guessing the opponent chooses at random, right?

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord