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 Game

#react
Benja.min 740

@BenjaDotMin

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


This was fun. I added some of my own twists on interaction, animation and UI. Just to give it a unique spin.

Thank you for your time!

Community feedback

@zDevtutor

Posted

Hi @BenjaDotMin, I really like the way you built the game, especially the part of you demonstrating CPU behavior by thinking. I did use this part from your project and linked it to you on the README file of it. However, I did use vanilla javascript for building the game here. One thing I noticed in your project is that when the user wants to play vs another player it actually kind of the same as playing vs CPU. And the scoreboard is not updated like the way on the design such as when the user wants to play vs another player. I think X should be (P1) and O should be (P2) and The winning and losing messages should be Player 1 wins or Player 2 wins. May I ask you to look at the code that I have regarding building this game and the logic that I used for building it? If you have any recommendations or improvements that I could do. This will be very helpful and beneficial for me.

Marked as helpful

1

Benja.min 740

@BenjaDotMin

Posted

@zDevtutor Thank you! I really appreciate the time you took to give me the feedback :) I am also thankful for the credit!

Yes you are right, its pretty much the same thing, as I knew it was highly likely someone checking out my project would be the same person playing both roles (rather than 2 players) in this situation. So I added a bit of a twist and forced "another person" in both modes, to show how it would work. Just personal thing, and I agree this did not follow the brief.

I will fix up the messaging, thanks for the spot :)

I will have a look, sure!

0
Benja.min 740

@BenjaDotMin

Posted

Apologies for the preview screen, I assume its something to do with lazy loading the components in react. Pop open the site and it should be fine!

0

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