aledavila / tic-tac-toe

project 1

Tic-Tac-Toe

A Star Wars themed tic tac toe game!

On page load Star Wars logo shows up on page and intro scrolls up Star Wars style. It will last for a minute and then fade out. But you can begin the game whenever you want.

When hovering over boxes the box changes color so you know what box you are clicking and if it available.

Darth Vader is player one and has a Darth Vader icon.

Luke Skywalker is player two and has a green lightsaber icon.

If Vader wins "Luke I am your father!" will come up on the screen.

If Luke wins "Who's the father now b**ch" will come up on the screen.

If a tie "Luke the force is with you but you are not a Jedi yet!" will come up on the screen.

The "Fight Again" button will reset the page and you can start again.

I vanilla JS for the Star Wars logo.

I used Bootstrap to design my page layout and look.

I use jQuery for the game logic.

I also implemented the code used for star wars animations.

tic-tac-toe's Issues

Alert users of winner

Set instructions on left side of page

ryan is a loser

Set X and O with longhorn and aggie symbols

Keep track of wins/losses/draws

Users are able to click on a space in the tic tac toe box 3x3

If space is taken alert user

refactor code

Make readme file

Users can see a tic tac toe board in the middle of the screen

On hover of box change box color

Build all ways to win

User can see latest move highlighted

Set dropdown menu for players to choose their symbol

Once user gets 3 in a row determine winner

On new game alert users are you ready to play

Add a move timer

Set different colors for X and O

On new game, game will clear and users can start a new game

Once all spaces filled and no winner is return. return a draw

Users can input their name to display as player 1 and player 2 on the far left side of the screen

Users are able to see their name and what symbol they are

Set animations

After user 1 chooses a space prompt user 2 to pick

Show users who's turn is it by highlighting name