https://github.com/asishkumar-gouda/devsecops-app-cicd
This project is to implement DevSecOps practices to a Typescript application. CI/CD using GithubActions and ArgoCD with K8s. GHCR as Container Registry.
https://github.com/asishkumar-gouda/devsecops-app-cicd
argocd devsecops docker ghcr github-actions source-code-analysis unit-testing
Last synced: 4 months ago
JSON representation
This project is to implement DevSecOps practices to a Typescript application. CI/CD using GithubActions and ArgoCD with K8s. GHCR as Container Registry.
- Host: GitHub
- URL: https://github.com/asishkumar-gouda/devsecops-app-cicd
- Owner: asishkumar-gouda
- Created: 2025-03-07T04:52:01.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-07T14:59:02.000Z (4 months ago)
- Last Synced: 2025-03-07T15:37:52.315Z (4 months ago)
- Topics: argocd, devsecops, docker, ghcr, github-actions, source-code-analysis, unit-testing
- Language: TypeScript
- Homepage:
- Size: 58.6 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.