Commit Graph

7 Commits

Author SHA1 Message Date
3452f02afc feat(business): implement domain-specific BCT components
- Add EventCard component with comprehensive event display
- Implement TicketTypeRow for ticket selection and pricing
- Create OrderSummary for purchase flow display
- Add FeeBreakdown for transparent pricing
- Implement ScanStatusBadge for QR scanning interface
- Include business type definitions and mock data

Components provide realistic Black Canyon Tickets functionality with
proper pricing display, event management, and ticketing flows.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-16 12:42:04 -06:00
28bfff42d8 feat(error): implement comprehensive error handling and loading states
- Add error boundary components with graceful fallbacks
- Implement loading states with skeleton components
- Create route-level suspense wrapper
- Add error page with recovery options
- Include error boundary demo for testing

Error handling provides resilient user experience with clear feedback
and recovery options when components fail.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-16 12:41:05 -06:00
545d3ba71e feat(auth): implement mock authentication with role-based permissions
- Add comprehensive mock authentication system
- Implement user/admin/super_admin role hierarchy
- Create protected route component with permission checking
- Add authentication context and custom hooks
- Include login page with form validation
- Support persistent sessions with localStorage

Authentication system provides realistic auth flows without external
dependencies, perfect for frontend development and testing.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-16 12:39:20 -06:00
d6da489a70 feat(layout): implement responsive layout system with navigation
- Add comprehensive layout system (AppLayout, Header, Sidebar, MainContainer)
- Implement responsive navigation with mobile-friendly collapsing sidebar
- Add theme toggle component with smooth transitions
- Include proper ARIA labels and keyboard navigation
- Support authentication state in navigation

Layout system provides consistent structure across all pages with
theme-aware styling and accessibility compliance.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-16 12:31:11 -06:00
6f7dbd8ec0 feat(tokens): implement complete design token system with WCAG AA compliance
- Add comprehensive design token system with CSS custom properties
- Implement automatic light/dark theme switching
- Create production-ready UI primitive library (Button, Input, Select, Card, Alert, Badge)
- Ensure WCAG AA accessibility with 4.5:1+ contrast ratios
- Add theme context and custom hooks for theme management
- Include contrast validation utilities

Components include full TypeScript interfaces, accessibility features,
and consistent design token integration.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-16 12:30:45 -06:00
02a5146533 feat(domain): create comprehensive business components for ticketing platform
- Add EventCard with glassmorphism styling and role-based actions
- Add TicketTypeRow with inline editing and inventory tracking
- Add OrderSummary with promo codes and fee breakdown integration
- Add ScanStatusBadge with real-time updates and accessibility
- Add FeeBreakdown with transparent pricing and regulatory compliance
- Create business logic types for events, tickets, orders, scanning
- Implement responsive layouts (card/table) for all screen sizes
- Ensure WCAG AA compliance with proper ARIA labels and screen reader support
- Use design tokens exclusively for consistent theming
- Build comprehensive showcase component demonstrating all features

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-16 11:54:25 -06:00
6d879d0685 feat(theme): finalize design token system with WCAG AA compliance
- Fix gold text contrast in light theme from 3.30:1 to 6.38:1 (AA compliant)
- Separate ThemeContext into definition and provider files for ESLint compliance
- Update contrast report with final validation results (100% passing tests)
- Ensure all accent colors meet WCAG AA standards across light/dark themes
- Complete design token system with proper semantic color roles

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-16 02:21:19 -06:00