Project # 1

Tic Tac-Toe

---

Technologies used:

HTML.

CSS.

JavaScript.

Dom.

User Story

1.As a user, I should be able to start a new tic tac toe game.

2.As a user, I should be able to click on a square to add X first and then O, and so on.

3.As a user, I should be shown a message after each turn for if I win, lose, tie or who's turn it is next.

4.As a user, I should not be able to click the same square twice.

5.As a user, I should be shown a message when I win, lose or tie.

6.As a user, I should not be able to continue playing once I win, lose, or tie.

7.As a user, I should be able to play the game again without refreshing the page.

Planging and devolopment

Day 1.

I start with user experince and how they want the game look like, I did a wirefarmes.

Day 2.

I start with Html page and setup the design of the page with CSS. After that I satart devolop the game with Javascript Dom.

Day 3.

I fix some bugs that shown on my Javascript and I did a liitle fix on the logic.

Day 4.

On CSS I did more style and I add an Image color to the game to look good.

Unsolved Problems

add AI to the game so 1 player can play the game.

Describe how you solved for the winner

I did a funcnction that check all spots that the player filled if it match the winng number it will show the winner if "X" or "O" if not it will check the 9 spots and make Tie.

favorite part of the work

When Im trying to find out the currnt move for the player it was a bit hard. Styling and design with CSS it was my favorite.

Demo link

• Tic Tac-Toe