An interactive, modern, animated cybersecurity learning platform built by OGT.
This game teaches web security vulnerabilities through hands-on levels, real attack simulations, hints, animations, and mini-tutorials.

👉 https://ogtamimi.github.io/OGT-Cyber-Game/

• 🎯 3 Fully Interactive Vulnerability Levels

  • SQL Injection (Login Bypass)
  • Cross-Site Scripting (XSS)
  • IDOR (Unauthorized Access)

• ✨ Modern Animated UI (React + Vite)

• 💡 Dynamic Hint System

• 📘 Mini Tutorials for Each Level

• 🎉 Success Animations + Flags

• 🗂 LocalStorage Progress Tracking

• 📱 Fully Responsive Design

• 👨‍💻 Includes Realistic Vulnerable PHP Endpoints

Learn how login bypass works using classic ' OR '1'='1.

Inject JavaScript and see how websites become vulnerable.

Access hidden files by modifying URL parameters.

• React + Vite
• TypeScript
• TailwindCSS
• CSS Animations
• PHP (vulnerable backend)
• GitHub Pages Hosting

git clone https://github.com/ogtamimi/OGT-Cyber-Game.git
cd OGT-Cyber-Game

npm install

npm run dev

npm run build

npm run deploy

• Requires Node.js 18+
• .env.local is optional (for API keys)
• Final build output is inside the /dist folder

OGT-Cyber-Game/
│
├── assets/
│   └── screenshots/
│       ├── screenshot1.png
│       ├── screenshot2.png
│       └── screenshot3.png
│
├── src/
│   ├── App.tsx
│   ├── index.tsx
│   │
│   ├── components/
│   │   ├── Confetti.tsx
│   │   ├── Icons.tsx
│   │   ├── TutorialContent.tsx
│   │   └── UI.tsx
│   │
│   └── levels/
│       ├── Level1SQLi.tsx
│       ├── Level2XSS.tsx
│       └── Level3IDOR.tsx
│
├── README.md
├── package.json
├── package-lock.json
├── tsconfig.json
├── vite.config.ts
└── .gitignore

OGT
🔗 GitHub: https://github.com/ogtamimi
📧 Contact: ogttamimi@gmail.com

📜 License

MIT License (c) 2025 OGT This project is open-source for learning and educational use.