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 (added play online feature)

#styled-components#node
Leonard• 1,025

@leoikeh99

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


For this project I am very happy I got to use Web sockets (Socket IO), this is a technology that I have found very interesting for a while now and when I saw this tic tac toe challenge I decided to add an online game feature so as to learn more and put in practice using Web sockets. Any and all feedbacks on how i could improve the application is welcomed.

Community feedback

David• 8,000

@DavidMorgade

Posted

Hello Wazza, amazing project you got here, congrats on finishing it and holy the online feature is awesome! great job

I'm myself doing this challenge and is quite hard (at least the CPU gameplay), I will for sure checkout all of your code to see if I get some inspiration!

Thinks that I notice while playing the App that you can change or improve:

  • The CPU plays too fast (also seems impossible to win but this is ok, hard mode always), maybe add some random timeout between moves with a paragrah rendering with 'cpu is thinking...' or something like that would be awesome.

  • Some transitions between screens would also be awesome, I am trying both of this ideas in my own project, inspirated by: benja.min tic tac toe solution.

  • As a last advice, this is a challenge that has some hard work done but you forgot some of the more 'tipical parts', the title and the favicon is still the default from Create-react-app.

Apart from this trivials suggestions, you inspirated me to don't give up on the tic tac toe challenge, it is a shame that I can mark as helpful your project! haha

Hope my feedback helps you!

Edit:

  • Would also be nice if you create a .exampleenv to see the environment variables you did use on your project (with dummy values of course)

Marked as helpful

1

Leonard• 1,025

@leoikeh99

Posted

@DavidMorgade thanks, I actually told myself I would change the title and favicon before I submited, but I guess I forgot, I'll get to changing that.

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