• 🎮 Fully functional Tic Tac Toe game
• 📊 Score tracking for X, O, and draws
• 📜 Game history with timestamps
• 🏆 Highlights winning combinations
• 🔄 Reset game and statistics
• 📱 Responsive design for all devices

• React 18
• TypeScript
• Tailwind CSS
• Lucide React for icons

src/
├── components/
│   ├── Board.tsx       # Game board component
│   ├── Square.tsx      # Individual square component
│   ├── ScoreBoard.tsx  # Score tracking component
│   └── GameHistory.tsx # Game history component
├── utils/
│   └── gameLogic.ts    # Game logic utilities
├── App.tsx             # Main application component
└── main.tsx           # Entry point

The game implements the following rules:

1. X goes first, followed by O
2. The first player to get 3 of their marks in a row (horizontally, vertically, or diagonally) wins
3. If all 9 squares are filled and no player has 3 marks in a row, the game is a draw
4. Winning combinations are highlighted
5. Game statistics are tracked and displayed

• Node.js (v14 or higher)
• npm or yarn

1. Clone the repository:

   git clone https://github.com/yourusername/devsecops-demo.git
   cd devsecops-demo

2. Install dependencies:

   npm install
   # or
   yarn

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open your browser and navigate to http://localhost:5173

To create a production build:

npm run build
# or
yarn build

The build artifacts will be stored in the dist/ directory.