Creature Nexus TCG

Creature Nexus TCG is a strategic card game where creatures from different worlds clash in a mystical arena known as the Nexus. Collect, summon, and master elemental beasts to defeat your opponents.

Comment

Inspiration

Growing up with Pokemon TCG and being captivated by the strategic depth of Yu-Gi-Oh, I was inspired by the recent success of Pokemon TCG Pocket to create a mobile-first trading card game that combines nostalgic collecting with modern gameplay mechanics. I wanted to build something that captures the excitement of opening card packs and the thrill of strategic battles, but designed specifically for today's mobile gaming audience.

What it does

Creature Nexus is a complete mobile trading card game featuring:

  • Card Collection System: Players open packs every 12 hours to collect creature cards across 5 rarity tiers (Common to Mythic)
  • Strategic Battle System: Turn-based combat with elemental advantages, HP management, and tactical decision-making
  • Deck Building: Create custom decks from your collection with strategic card combinations
  • Authentication & Profiles: Secure user accounts with email Sign-In and anonymous play options
  • Responsive Design: Seamless experience across mobile and desktop platforms
  • Real-time Animations: Polished pack opening sequences and battle animations

How we built it

I started with Bolt.new to rapidly prototype the core concept and UI components, then enhanced the project using ChatGPT for specific features and Claude Code for refinement and bug fixes. The tech stack includes:

Frontend: React Native with Expo for cross-platform mobile development Backend: Firebase for authentication, Firestore for real-time data storage UI/UX: Custom gradient designs, Lucide React Native icons, smooth animations with React Native Reanimated Game Logic: Custom algorithms for card generation, battle mechanics, and deck validation

The development process involved iterative design, starting with basic card display and evolving into a full-featured TCG with complex game states and user interactions.

Challenges we ran into

  • Mobile Touch Events: Implementing reliable click-away functionality for modals across different mobile browsers required switching from native DOM events back to React Native's TouchableOpacity pattern
  • Game Balance: Designing fair card generation algorithms and battle mechanics that feel strategic without being overpowered
  • State Management: Coordinating complex game states between authentication, collection management, and real-time battles
  • Cross-Platform Compatibility: Ensuring consistent user experience across iOS, Android, and web platforms
  • Performance Optimization: Managing smooth animations while handling large card collections and real-time data updates

Accomplishments that we're proud of

  • Complete TCG Experience: Built a fully functional trading card game from concept to deployment in record time
  • Mobile-First Design: Created an intuitive interface optimized for touch interactions and mobile gameplay
  • Smooth User Experience: Implemented polished animations, loading states, and error handling throughout the app
  • Scalable Architecture: Used Firebase for real-time data that can handle growing user bases
  • Professional Quality: Achieved production-ready polish with custom graphics, responsive design, and comprehensive game mechanics

What we learned

  • The power of AI-assisted development for rapid prototyping and iterative improvement
  • How to effectively combine multiple AI tools (Bolt, ChatGPT, Claude) for different development phases
  • Advanced React Native patterns for complex mobile interactions and animations
  • Firebase integration for real-time multiplayer game mechanics
  • The importance of mobile-first design in modern game development
  • How to balance game mechanics for engaging but fair gameplay

What's next for Creature Nexus TCG

  • Multiplayer Battles: Real-time PvP matches with matchmaking and ranking systems
  • Trading System: Allow players to trade cards with friends and the community
  • Tournament Mode: Organized competitions with leaderboards and prizes
  • Expanded Card Sets: New creature types, special abilities, and seasonal content
  • Social Features: Friend systems, guilds, and community challenges
  • Monetization: Optional cosmetic upgrades and premium card packs
  • Platform Expansion: Native iOS and Android app store releases

Built With

  • asyncstorage
  • bolt.new
  • chatgpt
  • claude
  • expo-linear-gradient
  • expo.io
  • firebase-(authentication-&-firestore)
  • lucide-react-native
  • react-native
  • react-native-reanimated
  • react-navigation
  • typescript
Share this project:

Updates