cd /news/developer-tools/buddy Β· home β€Ί topics β€Ί developer-tools β€Ί article
[ARTICLE Β· art-34901] src=dev.to β†— pub= topic=developer-tools verified=true sentiment=↑ positive

Buddy

A trivia driving game called 'Road Trip With Your Buddy' was built by developers @rae_codes and @ifeanyichima for the June Solstice Game Jam. The game combines automatic driving with history questions about Juneteenth, civil rights, women's suffrage, Alan Turing, and World Cup soccer, aiming to make learning feel like an arcade game. Built with Next.js and Tailwind CSS, it features a custom timer and localStorage persistence.

read2 min views1 publishedJun 20, 2026

This is a submission for the June Solstice Game Jam

Road Trip With Your Buddy is a trivia driving game. Your car cruises automatically down an endless road, and every couple of minutes a question pops up that you have to type the answer to before your time runs out. Get it wrong, and you lose a heart. Lose all 5 hearts, and the road fades to grayscale with a big red GAME OVER.

The questions pull from a shuffled pool covering Juneteenth, civil rights and women's suffrage history, Alan Turing and computing pioneers, and World Cup soccer, tying directly into this jam's themes of Pride month, Juneteenth, and the World Cup mentioned in the challenge prompt. The goal was to make learning a bit of history feel like an arcade game instead of a quiz.

πŸ”— Play it live: https://road-buddy.netlify.app

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
yarn dev
pnpm dev
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js

. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more…

The game is built with Next.js (JavaScript, no TypeScript) and Tailwind CSS. The road and car are layered PNGs, with a CSS keyframe animation scrolling the road background to simulate forward motion without any actual physics engine.

Game state (hearts, score, current question) lives in React state, with hearts and score persisted to localStorage so progress survives a page refresh. Questions are generated from small, accurate datasets combined with reusable templates rather than hardcoded one by one. For example, a single list of World Cup years, hosts, and winners generates multiple question types (host, winner, title count) instead of needing a separate handwritten question for each fact, the same approach was used for civil rights and computing history figures.

A custom hook-based timer schedules the next question only after the current one is answered, avoiding the classic bug where a slow setInterval

causes questions to stack up back to back.

Submitting for Best Ode to Alan Turing. Turing trivia (the Turing Test, Enigma, the Turing machine, and his role in founding computer science) is built directly into the question pool the player encounters while driving, so honoring his legacy is part of the core gameplay loop rather than a side mention.

Built by @rae_codes and @ifeanyichima.

── more in #developer-tools 4 stories Β· sorted by recency
── more on @@rae_codes 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain β€” perfect for shipping the agent you just read about.

$git push zahid main
β†’ Live at https://your-agent.zahid.host βœ“
Get free account β†’ Pricing
from €0/mo Β· no card required
LIVE [news/buddy] indexed:0 read:2min 2026-06-20 Β· β€”