Skip to content

Trystpilot Documentation

Trystpilot Documentation

Anonymous Romantic Relationship Reviews — developer and contributor reference.


Contents

DocumentDescription
CHANGELOGVersion history and release notes
ARCHITECTURESystem architecture — frontend, backend, DB, auth, caching, observability
DEVOPSDevOps governance — branching, CI/CD, secrets, migrations, monitoring
SECURITYRisk, liability, compliance — pre-launch gates, PII, CCPA/GDPR, incident response
READMEProject overview and quick-start
CLAUDE.mdAI assistant instructions and platform spec
ROADMAPPhased build-out plan, M1–M9 milestones, triage bugs, monetization
UX Journey MapsUser, Developer, and Admin experience flows with Mermaid diagrams
UI Design System
ui/INDEX.mdComponent inventory, gap analysis, layout recommendations
ui/COMPONENTS.mdASCII art for all 70 components (26 existing + 44 missing)
ui/FLOWS_1920x1080.md6 flows × 3 layout variations at 1920×1080
ui/FLOWS_MOBILE.md4 flows × 6 device sizes (375px → 1440px)
ui/DESIGN_TOKENS.mdToken system architecture (Penpot integration pending)

Design Diagrams (design/)

Mermaid diagrams for every system asset — renders natively on GitHub.

FileAsset
design/architecture/frontend.mdApp Router page tree, component map, analytics layer
design/architecture/backend.mdAPI routes, service libs, DB/Redis/hCaptcha, known issues
design/architecture/infrastructure.mdVercel/CF/Railway topology, env separation, secret registry
design/architecture/database.mdER diagram, enum types, reputation formula, known bugs
design/product/user-flows.mdReviewer, Reader, Subject journey flowcharts
design/product/roles-permissions.mdRole capability graph, permission table
design/product/monetization.mdRevenue tier model, timeline, quadrant chart
design/governance/moderation.mdAuto-filter pipeline, state machine, SLA table
design/governance/access-control.mdPermission hierarchy, security hardening checklist
design/business/revenue-model.mdRevenue timeline, unit economics, risk/mitigation matrix
design/devops/cicd.mdGitGraph branching model, CI/CD pipeline, versioning policy

Architecture Overview

trystpilot/
├── app/ # Next.js App Router pages and API routes
├── components/ # Shared React components
├── lib/ # Server-side utilities (db, moderation, reputation)
├── middleware.ts # Edge middleware (rate limiting, moderation)
├── public/ # Static assets
└── docs/ # This documentation directory

Tech Stack

LayerTechnology
FrontendNext.js 15, React 19, Tailwind CSS
BackendNext.js API Routes (App Router)
DatabasePostgreSQL
Rate LimitingUpstash Redis
CAPTCHAhCaptcha
i18nCustom language packs (en, de, es, fr, pt)

Key Concepts

  • First name + last initial + city — profiles are identified by partial name and city only; zip code used internally for deduplication, never displayed.
  • Anonymous reviewers — hash-based fingerprinting, no accounts required.
  • Reputation score — weighted average across six rating dimensions with recency decay.
  • Moderation-first — all reviews pass automated text filtering before going live.
  • Mermaid diagramsmermaid package installed; all journey maps include flowcharts that render natively on GitHub/Gitea.

Development

Terminal window
npm install
cp .env.example .env.local # fill in your credentials
npm run dev # http://localhost:3000

See README for full environment variable reference.