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
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:
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
reply