A minimalist Progressive Web App for behavioural self-observation based on Nonviolent Communication (NVC) by Marshall B. Rosenberg.
Pick a difficult situation where your emotions rise. Answer the questions. Remember: no judgement, no fixing, just observing.
- Offline-first - Works without internet connection after first visit
- Local storage - All data stays in your browser, nothing is sent to servers
- NVC-based - Feelings and needs lists based on the Center for Nonviolent Communication
- PDF export - Export individual observations as PDF
- Import/Export - Backup and restore all your data
- Installable - Add to home screen on mobile or desktop
- What happened? (Observe without judging)
- How did you feel? (What was alive in you?)
- What was your need? (Why did you feel this way?)
- How did you act? (Did you say something? Do you regret something?)
- Patterns (Do you see any patterns that repeat across meetings, people or decisions?)
Self-Observation stores all data locally in your browser using LocalStorage. No data is ever transmitted to any server. Your observations remain private on your device.
To back up your data, use the Export button in Settings.
No build tools required. Clone and serve locally:
git clone https://github.com/dkd-dobberkau/self-observation-app.git
cd self-observation-app
# Serve locally (pick one)
python3 -m http.server 8000
# or
npx serve .self-observation-app/
├── index.html # Single HTML entry point
├── manifest.json # PWA manifest
├── sw.js # Service Worker for offline support
├── css/
│ └── style.css # Dark, calming design system
├── js/
│ ├── app.js # Main app, router, views
│ ├── storage.js # LocalStorage abstraction
│ ├── feelings-needs.js # NVC feelings and needs data
│ └── export-pdf.js # PDF generation with jsPDF
└── assets/
└── icons/ # PWA icons
Content & Methodology
- Based on the work of Marshall B. Rosenberg, Nonviolent Communication (NVC)
- Original list of feelings and needs © Center for Nonviolent Communication
- Worksheet design inspired by BeWaviour
Design
- Fonts: Cormorant Garamond & DM Sans via Google Fonts
- Icons: Custom SVG icons
Technology
- Built with vanilla JavaScript, no frameworks
- PDF export via jsPDF
- Developed with Claude Code by Anthropic
MIT