Kiroween Kinship is a Horror-themed personality quiz that matches you with your inner monster persona. It's spooky, fun, and powered by AI. It is live at Kiroween Kinship. The repo is public at my github, don't forget to follow.
Why I Built This:
I wanted to create something fun and interactive for the Kiroween Hackathon — a project that combines personality quizzes (which everyone loves) with AI image generation to give users a unique, shareable experience. Who doesn't want to see themselves transformed into a vampire or werewolf?
What It Does:
Users answer five personality questions about their preferences (time of day, weather mood, conflict style, snack flavor, and ambition). Based on their answers, the AI assigns them one of 15+ monster personas with a humorous rationale. If they upload a photo, Gemini AI transforms them into their monster persona. They can then share their results.
Technology Stack:
I used Next.js 14 with App Router for the web framework, TypeScript for type safety, Tailwind CSS for the neon-gothic horror UI, Google Gemini AI for monster assignment and image transformation and Kiro IDE with spec-driven development for structured implementation.
What I Learned In The Process:
The biggest learning was around Gemini's image capabilities. Not all Gemini models support image generation — I discovered that "nano banana" is actually gemini-2.0-flash-image (also known as gemini-2.5-preview-image).
I also learned that Google API keys from different sources have different capabilities. My first API key from AI Studio didn't work because I couldn't enable Vertex AI for it. When I switched to an API key from Google Cloud Console, I was able to enable Vertex AI and everything worked.
Building Experience:
This was a fun project to build! The spec-driven approach with Kiro made the development process smooth and organized. I hope it's just as fun for my friends who will use it, and for anyone else who loves building creative, playful stuff.
Top comments (0)