React Card Game

A browser-based roguelike deckbuilder prototype inspired by games like Slay the Spire. The project is built with React and Vite, with the current focus on getting a playable combat and map loop working before expanding into deeper card, relic, enemy, and event systems.

Current Features

• Branching act map with enemy, mystery, shop, elite, rest, and boss nodes
• Turn-based combat with energy, block, enemy intent, draw pile, hand, and discard pile
• Starter deck with attack, skill, and power cards
• Card rewards after regular fights
• Relic rewards from elites, bosses, and some mystery events
• Mystery nodes that can become a fight, card cache, or relic event
• Rest nodes that heal the player
• Simple shop nodes that offer card choices while gold is still being built

Tech Stack

• React
• Vite
• JavaScript
• CSS

Getting Started

Install dependencies:

npm install

Start the local dev server:

npm run dev

Build for production:

npm run build

Run lint checks:

npm run lint

Gameplay Loop

1. Pick a starting node on the map.
2. Fight enemies using cards from your hand.
3. Spend energy to attack, block, draw cards, or apply effects.
4. Win combat to choose a reward.
5. Return to the map and choose the next connected room.
6. Climb toward the boss at the top of the act.

Roadmap

• Generate a fresh map for each run
• Add gold, priced shop purchases, and card removal
• Add more enemy types and better enemy move patterns
• Expand card effects and card rarity
• Add more relics with persistent run modifiers
• Add treasure, event, and choice-based mystery rooms
• Add animations, hit feedback, and improved card movement
• Split game data and state logic into separate modules as the prototype grows

Project Status

This is an early playable prototype. The priority is to build the core systems in small, testable pieces and keep the game fun to click through while the design takes shape.