---
title: "ProMe, a TTRPG Companion App"
url: https://daily.dev/posts/prome-a-ttrpg-companion-app-wyfho4iv6
source_url: https://kittygiraudel.com/2026/06/29/prome-a-ttrpg-companion-app
type: article
source: "Kitty says hi."
author: "Kitty Giraudel"
published: 2026-06-29T17:51:40.932Z
updated: 2026-07-01T09:52:49.729Z
tags: ["webdev", "css", "nextjs", "local-first"]
reading_time: 24
upvotes: 92
comments: 10
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# ProMe, a TTRPG Companion App

**[Kitty says hi.](https://daily.dev/sources/kittygiraudel)** · [@kittygiraudel](https://daily.dev/kittygiraudel) · 24 min read · 92 upvotes · 10 comments

## Summary

A detailed technical and design walkthrough of ProMe, a companion app for the solo TTRPG 'The Protector's Memories'. Built with Next.js, the app is a full PWA with offline support via Serwist and local-first storage synced to Netlify DB (Neon). Highlights include: a CSS-based hexagonal map with biome-specific color theming and patterns, custom font subsetting via a Node.js script, cross-fading audio using Howler.js, view transitions between pages, a Markdown journaling system with game-aware rendering enhancements, and a bidirectional local/cloud sync system with conflict resolution. The post also covers trade-offs with Ant Design including accessibility issues and style specificity battles.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://kittygiraudel.com/2026/06/29/prome-a-ttrpg-companion-app>

## Community discussion

Top comments from developers on daily.dev.

**@starfallcodes** · 3 upvotes

> i don't understand what it is but thats a lot of js libraries

**@justpew** · 2 upvotes

> it adds more imaginative sense to the game 👍

**@pipesoft** · 2 upvotes

> nice project

**@sankalpdawada** · 0 upvotes

> It's a bit confusing at first but i did understood some of it while exploring, its nice but my suggestion is to provide a guide or tutorial.

**@ax\_prashant** · 0 upvotes

> ![GIF](https://static.klipy.com/ii/da290b156d64898341638f3c299e7478/45/11/BMjcsbZp.gif)

## Similar posts on daily.dev

- [Build a Next.js 16 PWA with true offline support](https://daily.dev/posts/build-a-next-js-16-pwa-with-true-offline-support-iyrolodea) · LogRocket · 5 upvotes · 0 comments

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css), [#nextjs](https://daily.dev/tags/nextjs), [#local-first](https://daily.dev/tags/local-first)

[View this post on daily.dev](https://daily.dev/posts/prome-a-ttrpg-companion-app-wyfho4iv6)