siesa-agents 2.1.2 → 2.1.4

package/bmad-core/checklists/frontend-checklist.md

@@ -1,106 +1,106 @@
-# Frontend Development Checklist
-
-## Architecture & Structure
-- [ ] Clean Architecture layers properly separated (domain, application, infrastructure, presentation)
-- [ ] Domain layer contains only business entities and rules
-- [ ] Application layer manages use cases and orchestration
-- [ ] Infrastructure layer handles external concerns (API, storage, etc.)
-- [ ] Presentation layer contains only UI components and pages
-- [ ] No circular dependencies between layers
-- [ ] Dependency inversion principle followed
-
-## TypeScript & Code Quality
-- [ ] Strict TypeScript configuration enabled
-- [ ] All components have proper type definitions
-- [ ] No usage of `any` type
-- [ ] Props interfaces properly defined
-- [ ] Custom hooks have proper typing
-- [ ] API responses are properly typed
-- [ ] State management stores have type safety
-
-## Component Standards
-- [ ] Components follow single responsibility principle
-- [ ] Proper use of React.memo for performance
-- [ ] Components are composable and reusable
-- [ ] Props are properly documented with JSDoc
-- [ ] Default props are defined where appropriate
-- [ ] Components handle loading and error states
-
-## State Management
-- [ ] Zustand stores follow DDD patterns
-- [ ] Global vs local state properly separated
-- [ ] Actions call use cases from application layer
-- [ ] State updates are immutable
-- [ ] Store subscriptions are optimized
-
-## Styling & UI
-- [ ] TailwindCSS used consistently
-- [ ] Shadcn/ui components properly configured
-- [ ] Responsive design implemented
-- [ ] Design system patterns followed
-- [ ] Color scheme and theme support
-- [ ] Loading states have proper UI feedback
-
-## Performance
-- [ ] Components are lazily loaded where appropriate
-- [ ] Images are optimized and properly sized
-- [ ] Bundle size is within acceptable limits
-- [ ] React.memo used strategically
-- [ ] Expensive operations are memoized
-- [ ] Infinite scrolls or virtual lists for large datasets
-
-## Accessibility
-- [ ] ARIA labels and roles properly implemented
-- [ ] Keyboard navigation works correctly
-- [ ] Color contrast meets WCAG 2.1 AA standards
-- [ ] Screen reader compatibility tested
-- [ ] Focus management implemented
-- [ ] Form validation errors are accessible
-
-## Testing
-- [ ] Unit tests for all custom hooks
-- [ ] Component tests cover user interactions
-- [ ] Integration tests for feature workflows
-- [ ] Accessibility tests using jest-axe
-- [ ] Test coverage meets minimum threshold (80%)
-- [ ] Edge cases and error scenarios tested
-
-## API Integration
-- [ ] HTTP client properly configured
-- [ ] Error handling for network failures
-- [ ] Request/response interceptors for auth
-- [ ] API types match backend specifications
-- [ ] Loading states during API calls
-- [ ] Proper error messages displayed to users
-
-## PWA Features (if enabled)
-- [ ] Service worker configured correctly
-- [ ] Offline functionality works
-- [ ] App manifest is valid
-- [ ] Cache strategies implemented
-- [ ] App can be installed on devices
-- [ ] Push notifications work (if required)
-
-## Security
-- [ ] No secrets or API keys in frontend code
-- [ ] XSS prevention measures implemented
-- [ ] CSRF protection where needed
-- [ ] Secure authentication flow
-- [ ] Input validation and sanitization
-- [ ] Safe handling of user data
-
-## Development Experience
-- [ ] Hot reloading works correctly
-- [ ] TypeScript compilation is fast
-- [ ] Linting rules are enforced
-- [ ] Code formatting is consistent
-- [ ] Development tools are configured
-- [ ] Environment-specific configurations work
-
-## Documentation
-- [ ] README with setup instructions
-- [ ] Component documentation exists
-- [ ] API integration documented
-- [ ] Deployment guide available
-- [ ] Architecture decisions recorded
+# Frontend Development Checklist
+
+## Architecture & Structure
+- [ ] Clean Architecture layers properly separated (domain, application, infrastructure, presentation)
+- [ ] Domain layer contains only business entities and rules
+- [ ] Application layer manages use cases and orchestration
+- [ ] Infrastructure layer handles external concerns (API, storage, etc.)
+- [ ] Presentation layer contains only UI components and pages
+- [ ] No circular dependencies between layers
+- [ ] Dependency inversion principle followed
+
+## TypeScript & Code Quality
+- [ ] Strict TypeScript configuration enabled
+- [ ] All components have proper type definitions
+- [ ] No usage of `any` type
+- [ ] Props interfaces properly defined
+- [ ] Custom hooks have proper typing
+- [ ] API responses are properly typed
+- [ ] State management stores have type safety
+
+## Component Standards
+- [ ] Components follow single responsibility principle
+- [ ] Proper use of React.memo for performance
+- [ ] Components are composable and reusable
+- [ ] Props are properly documented with JSDoc
+- [ ] Default props are defined where appropriate
+- [ ] Components handle loading and error states
+
+## State Management
+- [ ] Zustand stores follow DDD patterns
+- [ ] Global vs local state properly separated
+- [ ] Actions call use cases from application layer
+- [ ] State updates are immutable
+- [ ] Store subscriptions are optimized
+
+## Styling & UI
+- [ ] TailwindCSS used consistently
+- [ ] Shadcn/ui components properly configured
+- [ ] Responsive design implemented
+- [ ] Design system patterns followed
+- [ ] Color scheme and theme support
+- [ ] Loading states have proper UI feedback
+
+## Performance
+- [ ] Components are lazily loaded where appropriate
+- [ ] Images are optimized and properly sized
+- [ ] Bundle size is within acceptable limits
+- [ ] React.memo used strategically
+- [ ] Expensive operations are memoized
+- [ ] Infinite scrolls or virtual lists for large datasets
+
+## Accessibility
+- [ ] ARIA labels and roles properly implemented
+- [ ] Keyboard navigation works correctly
+- [ ] Color contrast meets WCAG 2.1 AA standards
+- [ ] Screen reader compatibility tested
+- [ ] Focus management implemented
+- [ ] Form validation errors are accessible
+
+## Testing
+- [ ] Unit tests for all custom hooks
+- [ ] Component tests cover user interactions
+- [ ] Integration tests for feature workflows
+- [ ] Accessibility tests using jest-axe
+- [ ] Test coverage meets minimum threshold (80%)
+- [ ] Edge cases and error scenarios tested
+
+## API Integration
+- [ ] HTTP client properly configured
+- [ ] Error handling for network failures
+- [ ] Request/response interceptors for auth
+- [ ] API types match backend specifications
+- [ ] Loading states during API calls
+- [ ] Proper error messages displayed to users
+
+## PWA Features (if enabled)
+- [ ] Service worker configured correctly
+- [ ] Offline functionality works
+- [ ] App manifest is valid
+- [ ] Cache strategies implemented
+- [ ] App can be installed on devices
+- [ ] Push notifications work (if required)
+
+## Security
+- [ ] No secrets or API keys in frontend code
+- [ ] XSS prevention measures implemented
+- [ ] CSRF protection where needed
+- [ ] Secure authentication flow
+- [ ] Input validation and sanitization
+- [ ] Safe handling of user data
+
+## Development Experience
+- [ ] Hot reloading works correctly
+- [ ] TypeScript compilation is fast
+- [ ] Linting rules are enforced
+- [ ] Code formatting is consistent
+- [ ] Development tools are configured
+- [ ] Environment-specific configurations work
+
+## Documentation
+- [ ] README with setup instructions
+- [ ] Component documentation exists
+- [ ] API integration documented
+- [ ] Deployment guide available
+- [ ] Architecture decisions recorded
 - [ ] Troubleshooting guide provided