MythSaga: Gemma Realms

Inspiration

We were inspired by classic fantasy RPGs and wanted to reimagine them using modern AI. Instead of pre-written quests, what if an AI Dungeon Master could generate immersive, personalized adventures?

What it does

MythSaga: Gemini Realms is an interactive, AI-powered fantasy game. Players create a character, explore a dynamic world, and make story decisions while the AI generates the narrative and events in real-time.

How we built it

We used React.js for the frontend, with state management to handle turn progression, battles, and encounters. The story and choices are generated using the Gemini AI API, and game data is drawn from custom JSON constants (monsters, NPCs, weapons, spells). Tailwind CSS was used for styling.

Challenges we ran into

Making AI outputs consistent in format (two choices only) Preventing repetitive or broken narratives Managing battle logic and ensuring fair progression Handling state across turns without breaking flow or re-rendering too often

Accomplishments that we're proud of

Seamlessly combining generative AI with an interactive game interface Supporting both Bahasa Indonesia and English narration Creating a full loop of character creation → story → battle → AI response → next turn

What we learned

How to structure a game flow that integrates with AI output Prompt engineering to guide AI reliably while maintaining creativity Importance of balancing logic vs randomness in gameplay Building UI that feels immersive even without 3D graphics

Built With

• react
• tailwindcss
• vercel