acupoftee / tic-tac-toe

Tic Tac Toe game for General Assembly SEI-03

About

Tic Tac Toe is a multiplayer player browser game where you can face off friends (and/or yourself) in a tic tac toe battle! 💪

Create an accout and sign into an existing account to view stats!

Planning

The design was inspired by Google's in browser tic tac toe game. Their simple design and engaging animations made for fun animation practice along the way! This was made using responsible mobile first design principles. This was also a great opportunity to become familiar with Bootstrap by using a simple design.

Problem solving strategies involved were first creating a plan on paper, then translating it into psuedocode, and finally coded the solution. The SEI issue tracker helped with arriving at solutions with my own approach.

Wireframes

Here are the original wireframes for this project. The design deviated from this throughout the project. This only served as a starting point.

User Stories

This shaped the feature development for the game:

1. As a user, I want to play tic tac toe with another user side by side.
2. As a user, I want to be able to sign in to tic tac toe so that I can save my game statistics.
3. As a user, I want to see when I've won or lost a game.
4. As a user, I want to sign out of my account with saved progress.
5. As a user, I want to make a new account for tic tac toe if I don't have one yet.

Game Prospects

Improvements to be made are animations and/or style changes indicating who the winner is. There may also be improved responsive design so that this can be enjoyed on mobile as well.

Player stats should include a winrate or win/loss record for stats to be truly meaningful. This will entail improved win check methods that will properly use the API.

Lastly, an AI using the minimax algorithm would be a great addition for a single player.

Technologies Used

• HTML
• CSS
• Bootstrap
• JavaScript
• JQuery
• Ajax
• General Assembly Tic-Tac-Toe API
• CURL for API testing