Tic Tac Toe Game - Flavio13Lins

The main idea here is to recognize the best pattern in a tic-tac-toe game. Making it impossible to win. I mapped the player's possible moves, finding the solution for every best decision towards a win

Comment

Inspiration

Working building front-ends at work with the framework Vue.js, I learned about the Vuex, that is a package that allows you to save the application state inside modules and classes. From this concept of saving something in a website, I thought about making a bot simulation that make decisions based on the scenario that it sees. So, my scenario is the game state in tic tac toe.

What it does

The site allows the user to play against the simulated bot, that make the plays decisions based always in the best case. As the bot is the perfect opponent, the user can't win, in the best case it could draw.

How we built it

I started it in 2023, first focusing in the design. So I created all the assets needed, choose all color that I used and then started building the board with html and css. After that most effort was to make the moves work and then created all the functions that make the "bot" understand the state and make the best decision. And recently in the GHW I put this project on the web, I deployed and used a goDaddy domain to share it.

Challenges we ran into

I had to take a lot of time mapping the possible moves in this game. I also changed the way I pre designed the game, because it was not working as I planned, so I need to remove some "loading techniques" for waiting plays. And other problem was to use for the first time the porkbun site to configure the right DNS for the new domain.

Accomplishments that we're proud of

I am happy that I put this project in practice, because I was thinking about it every day at work when I was using functions that were saving and getting the app state. But I am most proud of my first obtained and configured domain by my self.

What we learned

I learned a lot more about the management of data storage in the Vuex with Vue.js framework. I improved my base skills in frontend with HTML and CSS too. I learned what is necessary for hosting domain and specific process in the configuration and deployment of Vue3 projects.

What's next for Tic Tac Toe Game - Flavio13Lins

I am thinking about creating the chance to the user be the second player, now a days the user needs to start the game. After that I am thinking about opening the board to a battle of two users players.

Built With

Share this project:

Updates