Bug the Gathering
Advanced browser-based deckbuilder fully embedded in React 19 and Next.js. A card game with multiplayer PvP, Drag&Drop, 3D animations, and real-time synchronization.
About Project
Deckbuilder is not a typical application. It's a fully-featured, browser-based gaming production built on React 19 and Next.js, proving that advanced game engine mechanics can be embedded in web technologies without any quality or performance compromises. The game features an incredibly smooth and memorable interface thanks to animations built with Framer Motion (including engaging card Drag&Drop manipulation and beautiful parallax/3D card effects).
Key Features
- React 19 and Next.js as architecture foundation
- Real-time global state synchronization between players
- Implementation of complex card effect logic
- Fullscreen mode and responsive CSS layouts
- Work in Progress - active development of new features
Technical Challenges
The biggest challenge was ensuring smooth state synchronization in multiplayer mode without delays. This forced the development of unconventional solutions to fight potential network asynchrony – ultimately the PvP mode instantly refreshes the global state on battling opponents' devices. Another aspect was integrating advanced animations with game performance.