BOLTIS FUN

An elemental card game where Uno meets strategy! Master Fire, Water, Plant, and Thunder to outplay rivals in dynamic, fast-paced arena battles. Dominate the elements!

Comment

🚀 Open Source Project
BOLTIS FUN is fully open-source and shaped by the community.
Originally kicked off in Jakarta 🇮🇩 (launch post), but the momentum quickly shifted to Bali 🇮🇩 where we’re growing the builder ecosystem.
Join our movement: BCINDO – Builders Community Indonesia

Inspiration

I wanted a fresh take on card games—free from ads, paywalls, and mobile-only limits like UNO Mobile. I want to play it on desktop, mobile, or even my dishwasher's browser while waiting. This game adds real challenge with elemental mechanics.

Unlike closed platforms, this game is open-source and built for the community. Anyone can contribute by simply using a shared Bolt URL. I’m curious to see how open-source development evolves when paired with a prompting engine like Bolt—will it make contributing to and improving a game more accessible, collaborative, and fun?

What it does

BOLTIS FUN is a multiplayer strategic elemental card game that blends familiar mechanics with fresh, community-driven twists. Players use cards infused with Fire, Water, Plant, Thunder elements and maybe more later—each with unique strengths and interactions. Alongside number cards, the game includes powerful specials like Void, Strike, Skip, Reverse, and Stack, enabling dynamic and tactical play.

Currently, it supports single-player and customizable bot matches, with adjustable game modes, timers, and player counts. I initiated the concept, but the real evolution lies in the hands of the community—shaping the game based on their preferences and creativity.

How we built it

BOLTIS FUN was built using BOLT prompting engine.

Frontend Framework: React with TypeScript for a type-safe and component-based user interface. Styling: Tailwind CSS for rapid and efficient UI development, enabling highly customizable and responsive designs. Animations: Framer Motion was extensively used to create fluid, engaging, and performant animations for card movements, UI transitions, and game events. State Management: Zustand, a lightweight and flexible state management library, was chosen to manage the complex game state, including player hands, discard piles, game phases, and timers. Game Logic: The core game rules, card interactions, and turn-based mechanics are encapsulated within src/services/GameEngine.ts and src/utils/gameLogic.ts, ensuring a clear separation of concerns. Bot AI: Artificial intelligence for the bot opponents is implemented in src/utils/botAI.ts, allowing for varied difficulty levels and strategic decision-making. Build Tool: Vite provides a fast development server and optimized build process for the application.

Challenges we ran into

Developing BOLTIS FUN presented several interesting challenges: Innovative Game Idea: This required a balanced game approach where each players can develop their skill and get better in game. Complex Game Logic Implementation: Translating intricate card rules, elemental advantages, and special card effects (like the "Stack" and "Void" cards) into precise and bug-free code required careful planning and execution. Synchronized Animations: Ensuring that card movements, drawing animations, and player hand updates were perfectly synchronized with the underlying game state transitions, especially across multiple players (even AI), was a significant task. Developing Engaging AI: Crafting bot opponents that felt both challenging and fair, capable of making strategic decisions beyond simple random plays, demanded iterative refinement of the AI algorithms. Robust State Management: Managing the dynamic and often asynchronous nature of game events (player actions, bot turns, timer updates) required a highly predictable and resilient state management solution to prevent inconsistencies. Responsive Design: Adapting the game board and card layouts to provide an optimal experience across various screen sizes and orientations, from large desktop monitors to smaller mobile devices, was crucial for accessibility.

Accomplishments that we're proud of

We are incredibly proud of several key accomplishments in the development of BOLTIS FUN:

Fluid User Experience: The seamless and visually appealing animations powered by Framer Motion create a highly engaging and satisfying gameplay experience. Modular and Maintainable Architecture: The clear separation of game logic, UI components, and state management has resulted in a codebase that is easy to understand, extend, and maintain. Customizable Gameplay: The implementation of various game modes and settings allows players to tailor their experience, from quick casual matches to more strategic encounters. Unique Elemental Mechanics: We successfully integrated a distinctive elemental system that adds a fresh layer of strategy and depth, differentiating BOLTIS from traditional card games. Open-Source Contribution: Making the project open-source allows the community to explore, learn from, and potentially build upon the elemental card game concept we've introduced.

What we learned

Throughout the development of BOLTIS FUN, we gained valuable insights into:

Game Development Best Practices: The importance of a well-structured game engine and clear separation of concerns for managing complex game states and logic. Advanced React and TypeScript Patterns: Deepening our understanding of React hooks, component composition, and leveraging TypeScript for robust and error-free code. Optimizing Animations: Mastering techniques for creating smooth and performant animations with Framer Motion, crucial for a visually rich interactive application. Effective State Management: The power and flexibility of Zustand for handling intricate application states, especially in a real-time, event-driven environment. Iterative AI Design: The process of designing, testing, and refining AI behaviors to create intelligent and challenging opponents.

What's next for BOLTIS FUN

My next steps focus on growth, community involvement, and deeper gameplay features:

  • Community Engagement & Direction: We’ll gather more feedback and let the community help shape the game’s future—making it more enjoyable and tailored to players’ preferences.
  • Mini-Tourney & BOLTIS Meetup in Bali: We're planning a mini-tournament at the next BOLTIS meetup in Bali—introducing new challenges and helping new users adopt BOLT. We’re also exploring multiplayer collaboration via Bolt prompting.
  • Multiplayer Bug Fixes: We’re actively improving multiplayer stability and addressing early bugs to ensure smooth and fair competitive play.
  • Platform Publishing: BOLTIS FUN will be published on platforms like CrazyGames, Steam, App Store, and Play Store to reach players across web, desktop, and mobile.
  • Matchmaking & Ranked Play: Real-time multiplayer with ranked matchmaking is on the roadmap, including a Seasonal Badge MMR system to reward competitive play and long-term engagement.
  • New Content & Customization: Ongoing updates will bring new card types, game modes, and cosmetic options to keep gameplay fresh and exciting.

Built With

  • bolt
  • framer-motion
  • netlify
  • react
  • supabase
  • tailwind
Share this project:

Updates