https://github.com/0x1luffy/devsecops_pipeline_implementation
https://github.com/0x1luffy/devsecops_pipeline_implementation
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/0x1luffy/devsecops_pipeline_implementation
- Owner: 0x1Luffy
- Created: 2025-03-09T04:44:54.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2025-03-10T07:51:32.000Z (2 months ago)
- Last Synced: 2025-03-10T08:28:26.329Z (2 months ago)
- Language: TypeScript
- Size: 61.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DevSecOps Pipeline Implementation for Tic Tac Toe Game
## Features
- 🎮 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
## Technologies Used
- React 18
- TypeScript
- Tailwind CSS
- Lucide React for icons
## Project Structure
```
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
```
## Game Logic
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
## Getting Started
### Prerequisites
- Node.js (v14 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/devsecops-demo.git
cd devsecops-demo
```
2. Install dependencies:
```bash
npm install
# or
yarn
```
3. Start the development server:
```bash
npm run dev
# or
yarn dev
```
4. Open your browser and navigate to `http://localhost:5173`
## Building for Production
To create a production build:
```bash
npm run build
# or
yarn build
```
The build artifacts will be stored in the `dist/` directory.