Hi HN, I built AffirmationHub (https://affirmationhub.space) to solve a common problem in mindfulness apps: the disconnect between generic affirmations and personal growth journeys. Technical Stack:

Next.js 13 App Router for the frontend TypeScript for type safety Tailwind CSS for styling Progressive Web App (PWA) architecture React Server Components for performance Edge Functions for personalization logic

Key Engineering Decisions:

Offline-first architecture: Core features work without an internet connection Clean UX: No dark patterns, straightforward user flows Privacy-focused: Minimal data collection, transparent data usage Performance: 100 Lighthouse score, < 50kb initial JS bundle Accessibility: WCAG AA compliant, screen-reader optimized

Current Features:

Smart affirmation discovery Visualization guides Search functionality Beautiful, distraction-free interface

Coming Soon (Premium):

AI-powered personalization Advanced visualization with audio elements Progress tracking and insights Multi-language support Calendar integration Custom affirmations Advanced scheduling

I'm particularly proud of the performance optimizations and UX decisions we made. For example, we use React Server Components strategically to minimize client-side JavaScript while maintaining a smooth, app-like feel. I'd love feedback from the HN community, especially on:

UX/UI decisions Performance optimizations Accessibility improvements Feature suggestions

Demo: https://affirmationhub.space