Iterationen

Personal reading time calibration: respect for your individual pace in a world that standardizes everything. Time becomes personal.

• Reading Timer Component: Calibrate your reading speed
• Personal WPM localStorage: Your pace, no standard algorithm
• PostMeta Component: DRY TypeScript with inline/block variants
• Dynamic Reading Time Display: Clock icons + personalized times
• Calibrate Pills: Yellow CTA buttons for reading time setup
• BEM CSS Architecture: _readingTime.css component
• TypeScript Module System: Clean initReadingTimeDisplay()
• Profile Page: Digital asceticism without login, localStorage only
• Time Authenticity: Your time is valuable, not standardized
• MVP Focus: No overhead, no bullshit - essential features only

Implementation of privacy-first analytics: observe.karameht.com watches without being watched – surveillance with ethical boundaries.

• Matomo Analytics setup on observe.karameht.com
• DSGVO-bulletproof configuration: IP anonymization, cookie-free, DoNotTrack
• Privacy-first tracking code with respectDoNotTrack
• TypeScript-safe analytics implementation
• Opt-out widget for user control
• 30 days data retention (raw data)
• 12 months anonymized reports retention
• Privacy policy update with technical details
• Server location: Hamburg/Germany (webgo + green energy)
• Ethical surveillance: observe without judgment

From idea to structure: the MVP is born – crafted with Astro, shaped by clarity, and guided by principle.

• Astro 5.1 MVP Setup mit TypeScript
• BEM CSS Architecture mit PostCSS nested
• Responsive Layout System (Header, Sidebar, Footer)
• Pages for going live
• Blog & Content Collections
• Iterations/Changelog System
• RSS Feed
• Sitemap XML
• Production-ready MVP 4 karameht.com