Case Study

Crapper Keeper

Vaporwave OneNote-style research notebooks with Google Auth, per-user Firestore isolation, Chrome save-extension, and Capacitor iOS/Android in progress.

Client: David the Gnomad Inc.
  • Vite
  • TipTap
  • Firebase Auth
  • Firestore
  • Chrome MV3
  • Capacitor
  • notes
  • firebase
  • chrome-extension
  • capacitor
  • productivity

Overview

Crapper Keeper is a Trapper Keeper–inspired research notebook — chapters, tabs, and rich notes that sync per Google account. Built as a privacy-minded OneNote alternative for agent workflows: export any notebook as Markdown for RAG ingestion.

CK neon logo tile with gnome and mushroom on a vaporwave grid

Brand

Notes for gnomads

The visual language is deliberate Trapper Keeper nostalgia — neon magenta, cyan grid, striped sun — so the product feels like a binder you want to open, not another sterile SaaS notes app.

Auth & isolation

Google sign-in on Firebase, with every notebook scoped to the signed-in user. After a quiet auth break in the web bundle, helpers were restored, COOP-friendly headers landed, and authorized domains were verified on davidthegnomadorg.

Gnome holding a glowing mushroom notebook

Product mascot

The keeper of the binder

The gnome-and-notebook icon anchors the PWA, extension toolbar, and store listings — one character across every surface so the brand stays recognizable at 128px or full bleed.

Chrome extension

Manifest V3 cannot share the webapp’s Firebase session, and remote importScripts() is off the table. The extension talks Auth + Firestore over REST with chrome.identity, pinned to extension ID bnphbmoakfepbbofcccekiainldenffm.

Chrome Web Store marquee — Crapper Keeper notes for gnomads
Chrome Web Store marquee — the same vaporwave scene, cropped for listing banners.
Chrome large promo tile for Crapper Keeper
Large promo tile used beside the store listing copy.

Native apps

Capacitor iOS and Android projects (com.gnomadstudio.crapperkeeper) share the Vite/TipTap web bundle, with native Google/Apple credential bridging, safe-area layout, and account deletion. Device testing and store submission are next.

Crapper Keeper Play/App feature graphic with neon landscape

Store ready

Feature art before binaries

Play and App Store feature graphics were designed up front so listing assets are not an afterthought when TestFlight and Play internal tracks open.

Highlights

  • Google Auth + tenant isolation — Firebase Auth with user-scoped Firestore reads/writes
  • TipTap editor — notebooks, chapters, and autosave that survives reloads
  • Chrome MV3 extension — right-click save via chrome.identity + Firestore REST
  • RAG export — one Markdown file per page in a zip, plus the single-file export
  • Local tool API — notebooks, chapters, and pages on 127.0.0.1
  • Minutes — a recording becomes attendees, discussion, decisions, and action items
  • Native apps in progress — Capacitor iOS + Android with credential bridging

2.0 (October 2026)

  • Live web app on Firebase Hosting (davidthegnomadorg)
  • Desktop 2.0.0 on the GitHub release: optional on-device models, vault, RAG zip, local tool API, and minutes
  • Write-up: Crapper Keeper 2.0
  • Mobile projects remain scaffolded; device testing and store submission are still next
Open Graph share art for Crapper Keeper
OG / social share art — same world, framed for link previews.