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.

July 17, 2026 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.

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.

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
Markdown export — one-click download for local RAG / agent pipelines
Native apps in progress — Capacitor iOS + Android with credential bridging

Status (July 2026)

Live web app on Firebase Hosting (davidthegnomadorg)
Extension auth rewritten for Manifest V3
Mobile projects scaffolded; device testing and store submission next