LiveWeb Game · Full-Stack Application
Arcane World
A fantasy card game in the browser — runs, deck building and a leaderboard.
- Category
- Web Game · Full-Stack Application
- Status
- Released and publicly reachable
- Role
- Concept, design and development
- Live version
- arcane-world-two.vercel.app
Overview
A single-player card game in a dark fantasy setting. Players start a new run, fight opponents with cards, keep building their deck and compare results on a leaderboard.
The task
A game in the browser needs more than an interface: game state, card logic, progress and user accounts have to work together reliably — even when a single run spans many battles.
How it was built
The application ties an authentication flow to a run system and the card mechanics. Interface state is deliberately kept separate from game state, so battles, deck changes and progress stay traceable. The leaderboard makes results comparable.
Key features
- Run system with progress across multiple battles
- Card mechanics and deck building
- Authentication flow with user accounts
- Leaderboard for comparing results
- Atmospheric dark fantasy interface
- Complex, clearly structured interface state
Technologies
- Next.js
- React
- TypeScript
- Authentication
- Game State
- Leaderboard