↝ about↝ notes↝ contact↜ home
↜ go back to projects

A side project built with friends

Hukka Bukka

A real-time multiplayer party game where players bluff each other with fake answers and race to spot the real one.

links
built with
  • Next.js 14+ (App Router)
  • TypeScript
  • Tailwind CSS
  • Firebase Realtime Database
  • Zustand
  • Framer Motion
  • Vercel
[HukkaBukka]
My friends and I have been regularly playing a trivia bluffing game called Psych — you make up fake answers to real trivia questions and try to guess the correct one hidden among the fakes. It's a blast, so we decided to build our own version with country-specific trivia. Hukka Bukka is a real-time multiplayer PWA inspired by Jackbox's Fibbage and Psych's "Is That A Fact?", and it's still a work in progress we're excited about.

How It Works

One player hosts a game and shares a room code; everyone else joins from their phone. Each round runs through the same loop — read the question, bluff, vote, score — best experienced with a room full of friends.
Round Loop

[1] Host & Join

Host creates a game and gets a room code. Others join via code or a shareable link.

[2] Bluff

Everyone sees a trivia question and writes a convincing fake answer to fool the others.

[3] Vote

All fakes plus the real answer are shuffled together — players vote on which one is true.

[4] Score

Points for guessing right and for every player you fooled, then on to the next round.

Scoring

The scoring rewards both correct guesses and good bluffs, with streaks and a final-round multiplier keeping every game competitive to the end.
Point Values
Correct guess:+1000
Fooling another player (each):+500
Streak bonus:back-to-back correct
Final round:double points
No friends handy?

Hit Try a demo round vs bots on the home screen to play a full game solo against AI opponents — they write their own fake answers and vote, so you can feel out the whole loop before rallying a group.

Technical Implementation

Hukka Bukka is a mobile-first PWA built on Next.js, with Firebase's Realtime Database keeping every player's screen in sync as game state moves through lobby, rounds, and results.
Core Stack
  • Next.js 14+ (App Router): React framework powering the mobile-first frontend and routing.
  • Firebase Realtime Database: Live game state sync across all connected players.
  • Zustand: Lightweight client-side state management for the game store.
  • Framer Motion: Animations and transitions between game phases.
Key Features
  • Real-time multiplayer: Host-and-join rooms with instant updates as players act.
  • Country-specific trivia: 100+ questions across 8 categories with built-in bot decoys.
  • Solo demo vs bots: Full game against AI opponents when no friends are around.
  • Session restore: Rejoin your game seamlessly after a refresh or disconnect.

Game Flow Architecture

A single phase router drives the experience, advancing all players together from the waiting room through scoring and into the final standings.
Phase Router

Lobby

Create or join a game, gather in the waiting room, and watch the player list fill before a starting countdown kicks things off.

Game

Question display, fake-answer submission, and a timed voting phase cycle each round with a countdown timer bar.

Results

Per-round results reveal who fooled whom, then final scores crown the winner at the end of the match.

Project Notes

This one started purely for fun — a way to keep playing a game we love with our own twist. It's an ongoing work in progress, but it already plays a full match end to end, bots and all. Grab some friends and give it a go.
my resume

too bright? click ↝