Regicide (HTML/TypeScript – Solo Mode)

This project is a personal re-creation of the solo mode of the card game Regicide in the browser, built entirely with vanilla HTML, CSS, and TypeScript — no external libraries or frameworks. The application manages its state directly in the DOM and uses simple CSS animations for visual feedback.

Summary of the solo rules

In the solo variant of Regicide, you face a sequence of 12 powerful enemies:

• The Jacks, Queens, and Kings of each suit.
• On your turn, you play cards from your hand to deal damage to the current enemy.
• Special abilities are triggered based on the suit of the cards played:
  • Hearts → Heal your draw pile.
  • Clubs → Double your damage this turn.
  • Diamonds → Draw additional cards.
  • Spades → Reduce the enemy’s next attack.
• If you cannot play a valid card, you lose. If you defeat all 12 enemies, you win.

For the complete official rules of the game, visit: https://www.regicidegame.com

Live demo

You can try the game here: https://wedk.github.io/regicide

Project goal

The main purposes of this project were to:

• Practice vanilla HTML/CSS/TypeScript development without relying on third-party libraries.
• Implement state management directly in the DOM.
• Create smooth but simple CSS-based animations to enhance the user experience.

Build & run

This project uses Vite for development and build.

Prerequisites

• Node.js (version 20+ recommended)
• npm, pnpm, or yarn

Development server

npm install
npm run dev

Build for production

npm run build

The built files will be available in the dist folder.

Disclaimer

This is an unofficial fan-made project.
I do not own the rights to the game Regicide. All rights, names, and original game assets are the property of their respective owners. This project is for educational and non-commercial purposes only.

License

This project is licensed under the MIT License.