75e5c2866d
feat: Redesign UI with consistent card styling and mobile header
...
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
CI/CD Pipeline / Build Application (push) Has been cancelled
- Updated track page cards to match home page styling with vibrant colors
- Applied consistent 140px height cards across track and insights pages
- Added mobile header bar with connection status and user menu
- Moved user menu from floating top-left to fixed header top-right
- Updated insights dashboard with home page color palette (#E91E63, #1976D2, etc.)
- Centered cards with minWidth constraints (200px for stats, 400px for charts)
- Fixed hydration mismatch by replacing JS media queries with CSS breakpoints
- Improved accessibility with viewport settings (removed zoom restrictions)
- Added UI improvements documentation
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-03 20:34:06 +00:00
58c3a8d9d5
feat: Complete Spanish, French, Portuguese, Chinese localization and add German/Italian support
...
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
CI/CD Pipeline / Build Application (push) Has been cancelled
- Updated all Spanish (es) translation files with comprehensive translations for tracking, AI, family, insights, children, and settings pages
- Updated French (fr), Portuguese (pt), and Chinese (zh) translations to match English structure
- Added German (de) and Italian (it) language support with complete translation files
- Fixed medicine tracker route from /track/medication to /track/medicine
- Updated i18n config to support 7 languages: en, es, fr, pt, zh, de, it
- All tracking pages now fully localized: sleep, feeding, diaper, medicine, activity
- AI assistant interface fully translated with thinking messages and suggested questions
- Family management and insights pages now support all languages
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-03 15:03:02 +00:00
41320638e5
feat: Complete comprehensive localization of all tracking and management pages
...
CI/CD Pipeline / Build Application (push) Has been cancelled
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
- Feeding page: 47+ strings localized with validation, success/error messages
- Medicine page: 44 strings localized with unit conversion support
- Sleep page: Already localized (verified)
- Diaper page: Already localized (verified)
- Activity page: Already localized (verified)
- AI Assistant: 51 strings localized including chat interface and suggested questions
- Children page: 38 strings fully localized with gender labels
- Family page: 42 strings localized with role management
- Insights page: 41 strings localized including charts and analytics
Added translation files:
- locales/en/ai.json (44 keys)
- locales/en/family.json (42 keys)
- locales/en/insights.json (41 keys)
Updated translation files:
- locales/en/tracking.json (added feeding, health/medicine sections)
- locales/en/children.json (verified complete)
All pages now use useTranslation hook with proper namespaces.
All user-facing text externalized and ready for multi-language support.
2025-10-03 13:57:47 +00:00
5fea603922
fix: Escape apostrophes in JSX and remove autoFocus attributes to resolve ESLint errors
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
CI/CD Pipeline / Build Application (push) Has been cancelled
2025-10-03 13:26:11 +00:00
7f9226b943
feat: Complete Real-Time Sync implementation 🔄
...
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
CI/CD Pipeline / Build Application (push) Has been cancelled
BACKEND:
- Fix JWT authentication in FamiliesGateway
* Configure JwtModule with ConfigService in FamiliesModule
* Load JWT_SECRET from environment variables
* Enable proper token verification for WebSocket connections
- Fix circular dependency in TrackingModule
* Use forwardRef pattern for FamiliesGateway injection
* Make FamiliesGateway optional in TrackingService
* Emit WebSocket events when activities are created/updated/deleted
FRONTEND:
- Create WebSocket service (336 lines)
* Socket.IO client with auto-reconnection (exponential backoff 1s → 30s)
* Family room join/leave management
* Presence tracking (online users per family)
* Event handlers for activities, children, members
* Connection recovery with auto-rejoin
- Create useWebSocket hook (187 lines)
* Auto-connect on user authentication
* Auto-join user's family room
* Connection status tracking
* Presence indicators
* Hooks: useRealTimeActivities, useRealTimeChildren, useRealTimeFamilyMembers
- Expose access token in AuthContext
* Add token property to AuthContextType interface
* Load token from tokenStorage on initialization
* Update token state on login/register/logout
* Enable WebSocket authentication
- Integrate real-time sync across app
* AppShell: Connection status indicator + online count badge
* Activities page: Auto-refresh on family activity events
* Home page: Auto-refresh daily summary on activity changes
* Family page: Real-time member updates
- Fix accessibility issues
* Remove deprecated legacyBehavior from Link components (Next.js 15)
* Fix color contrast in EmailVerificationBanner (WCAG AA)
* Add missing aria-labels to IconButtons
* Fix React key warnings in family member list
DOCUMENTATION:
- Update implementation-gaps.md
* Mark Real-Time Sync as COMPLETED ✅
* Document WebSocket room management implementation
* Document connection recovery and presence indicators
* Update summary statistics (49 features completed)
FILES CREATED:
- maternal-web/hooks/useWebSocket.ts (187 lines)
- maternal-web/lib/websocket.ts (336 lines)
FILES MODIFIED (14):
Backend (4):
- families.gateway.ts (JWT verification fix)
- families.module.ts (JWT config with ConfigService)
- tracking.module.ts (forwardRef for FamiliesModule)
- tracking.service.ts (emit WebSocket events)
Frontend (9):
- lib/auth/AuthContext.tsx (expose access token)
- components/layouts/AppShell/AppShell.tsx (connection status + presence)
- app/activities/page.tsx (real-time activity updates)
- app/page.tsx (real-time daily summary refresh)
- app/family/page.tsx (accessibility fixes)
- app/(auth)/login/page.tsx (remove legacyBehavior)
- components/common/EmailVerificationBanner.tsx (color contrast fix)
Documentation (1):
- docs/implementation-gaps.md (updated status)
IMPACT:
✅ Real-time family collaboration achieved
✅ Activities sync instantly across all family members' devices
✅ Presence tracking shows who's online
✅ Connection recovery handles poor network conditions
✅ Accessibility improvements (WCAG AA compliance)
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-02 22:06:24 +00:00
29960e7d24
feat: Implement WCAG 2.1 AA accessibility foundation (Phase 1)
...
Complete Phase 1 accessibility implementation with comprehensive WCAG 2.1 Level AA compliance foundation.
**Accessibility Tools Setup:**
- ESLint jsx-a11y plugin with 18 accessibility rules
- Axe-core for runtime accessibility testing in dev mode
- jest-axe for automated testing
- Accessibility utility functions (9 functions)
**Core Features:**
- Skip navigation link (WCAG 2.4.1 Bypass Blocks)
- 45+ ARIA attributes across 15 components
- Keyboard navigation fixes (Quick Actions now keyboard accessible)
- Focus management on route changes with screen reader announcements
- Color contrast WCAG AA compliance (4.5:1+ ratio, tested with Axe)
- Proper heading hierarchy (h1→h2) across all pages
- Semantic landmarks (header, nav, main)
**Components Enhanced:**
- 6 dialogs with proper ARIA labels (Child, InviteMember, DeleteConfirm, RemoveMember, JoinFamily, MFAVerification)
- Voice input with aria-live regions
- Navigation components with semantic landmarks
- Quick Action cards with keyboard support
**WCAG Success Criteria Met (8):**
- 1.3.1 Info and Relationships (Level A)
- 2.1.1 Keyboard (Level A)
- 2.4.1 Bypass Blocks (Level A)
- 4.1.2 Name, Role, Value (Level A)
- 1.4.3 Contrast Minimum (Level AA)
- 2.4.3 Focus Order (Level AA)
- 2.4.6 Headings and Labels (Level AA)
- 2.4.7 Focus Visible (Level AA)
**Files Created (7):**
- .eslintrc.json - ESLint accessibility config
- components/providers/AxeProvider.tsx - Dev-time testing
- components/common/SkipNavigation.tsx - Skip link
- lib/accessibility.ts - Utility functions
- hooks/useFocusManagement.ts - Focus management hooks
- components/providers/FocusManagementProvider.tsx - Provider
- docs/ACCESSIBILITY_PROGRESS.md - Progress tracking
**Files Modified (17):**
- Frontend: 20 components/pages with accessibility improvements
- Backend: ai-rate-limit.service.ts (del → delete method)
- Docs: implementation-gaps.md updated
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-02 21:35:45 +00:00
f3ff07c0ef
Add comprehensive .gitignore
2025-10-01 19:01:52 +00:00
