Cybersharp/the-programmers-game
The Programmer's Game
A chaotic programming puzzle game inspired by The Password Game. Stack logic, code challenges, and cyber attacks as you survive 11 escalating levels. Fail once—reset all! Can you reach the end?
🚀 Overview
The Programmer's Game is a browser-based code puzzle challenge where each level introduces a new rule or twist. Your goal: solve the puzzle, adapt to new constraints, and survive increasingly wild programming scenarios. From recursion traps and regex nightmares to simulated cyber attacks — only true code wizards reach the end.
✨ Features
- 11 Levels: Each adds a new rule, from simple logic to mind-bending chaos.
- Stacking Constraints: All previous rules remain active. Adapt or perish!
- Real-Time Feedback: Immediate validation and guidance as you play.
- Beautiful UI: Modern, production-quality design using React, Tailwind CSS, and Lucide icons.
- Shareable: Challenge friends and show off your high scores.
🖥️ Tech Stack
- React + Vite
- TypeScript
- Tailwind CSS
- Lucide React (icons)
- JetBrains Mono & Orbitron fonts
🌐 Live Demo
Try it now: the-programmers-game.vercel.app
🖼️ Screenshots
Terminal Output View <a href="https://ibb.co/TqBYLFJz"><img src="https://i.ibb.co/wrNBsx8D/output-terminal.png" alt="output-terminal" width="600"></a> Shows the in-game terminal where code output and system feedback are displayed during gameplay.
Code Editor and Input Panel <a href="https://ibb.co/wZD6wmsv"><img src="https://i.ibb.co/qLb1WQ5Z/code-menitor-and-input-panel.png" alt="code-menitor-and-input-panel" width="600"></a> Displays the code editor and input panel interface where users write and test their solutions.
Instructions Panel <a href="https://ibb.co/7NWhNfXc"><img src="https://i.ibb.co/2YtJY9y2/instructions.png" alt="instructions" width="600"></a> Presents the step-by-step instructions or rules for the current level/challenge.
Gameplay - Level with Multiple Rules <a href="https://ibb.co/PzC80fyj"><img src="https://i.ibb.co/7NyFL6DC/screencapture-the-programmers-game-vercel-app-2025-06-25-14-31-53.png" alt="game screenshot 1" width="600"></a> An in-game screenshot showing the main gameplay area with stacked rules and coding constraints visible.
Gameplay - Challenge Progression <a href="https://ibb.co/xtNQGYxy"><img src="https://i.ibb.co/9k7j2hQJ/screencapture-the-programmers-game-vercel-app-2025-06-25-14-31-22.png" alt="game screenshot 2" width="600"></a> Shows a different stage of gameplay, highlighting progression through challenges and interface elements.
🛠️ Local Development
# 1. Install dependencies
npm install
# 2. Start the development server
npm run dev
# 3. Open in your browser
http://localhost:5173📁 Project Structure
.
├── public/ # Static assets
├── src/ # Source code
│ ├── components/ # Reusable React components
│ ├── data/ # Game data, rules, questions, etc.
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript types
│ └── utils/ # Utility functions
├── index.html # HTML entrypoint
├── tailwind.config.js # Tailwind CSS config
└── README.md # You are here!🧩 Gameplay
- Solve puzzles: Each level presents a new programming challenge or constraint.
- Stacking rules: All previous rules remain in effect. Survive or reset!
- Instant feedback: See if your code/answer passes all rules.
- Endgame: Only the most adaptable programmers make it to Level 11.
🤓 Contributing
- Fork this repo
- Create your feature branch:
git checkout -b feat/my-feature - Commit your changes:
git commit -m "Add cool feature" - Push to the branch:
git push origin feat/my-feature - Open a pull request!
All PRs should follow the code style (ESLint, Prettier) and pass CI checks.
📝 License
This project is licensed under the MIT License.
Can you beat The Programmer's Game? May your recursion terminate and your regexes never backtrack!