TIC TAC TOE GAME IN MIT APP INVENTOR

 

 Tic Tac Toe App

 Project Overview

The Tic Tac Toe App is a simple two-player game built with a 3×3 interactive grid. Players take turns marking X and O on the board. The app automatically detects a win or draw and allows the game to be reset for a new round.

This project is ideal for beginners learning mobile app development logic and UI design.

---

 Interface Design

 Main Components

• TableArrangement (3×3 Grid)
  Holds 9 buttons representing the Tic Tac Toe board.

• Label
  Displays game status messages such as:

  • “Player X’s Turn”

  • “Player O Wins!”

  • “It’s a Draw!”

• Reset Button
  Clears the board and restarts the game.

---

 Coding Logic

🔹 1. Variables Used

• currentPlayer → Stores whose turn it is ("X" or "O")

• board → List of 9 elements representing grid state

• gameOver → Boolean to stop moves after win/draw

---

🔹 2. When a Player Clicks a Button

1. Check if the button is empty and game is not over.

2. Mark the button with current player’s symbol.

3. Update board list.

4. Check for:

   • Winning condition

   • Draw condition

5. If no win/draw → Switch player.

---

 Winning Combinations

The app checks these 8 possible win patterns:

• Rows:

  • (0,1,2)

  • (3,4,5)

  • (6,7,8)

• Columns:

  • (0,3,6)

  • (1,4,7)

  • (2,5,8)

• Diagonals:

  • (0,4,8)

  • (2,4,6)

---

 Reset Button Function

When Reset is pressed:

• Clear all button texts

• Reset board list to empty

• Set currentPlayer = "X"

• Set gameOver = false

• Update label to “Player X’s Turn”

---

 Basic Logic Example (Pseudo Code)

When Button Clicked:
  if cell is empty and gameOver = false
    set cell text = currentPlayer
    update board list
    if win condition true
        display winner message
        gameOver = true
    else if board full
        display draw message
        gameOver = true
    else
        switch currentPlayer

---

 Key Features

✅ Two-player mode
✅ Automatic win detection
✅ Draw detection
✅ Turn indicator label
✅ Reset functionality
✅ Simple and interactive UI

---

 Educational Value

This project helps students understand:

• Event handling

• Conditional statements

• Lists/arrays

• Game logic design

• UI layout design

• State management

---

 Possible Upgrades

 Add colors for X and O
 Add sound effects
 Add single-player mode (AI opponent)
 Add score counter
 Add animations
 Dark mode theme

---

 Conclusion

The Tic Tac Toe App is a beginner-friendly project that combines user interface design with logical thinking. It demonstrates how simple programming concepts can be used to create a fully functional interactive game.

click below link to download the project:

download extension by clicking the below link:

download extension