soconnor/hristudio
1
0
Fork 0
mirror of https://github.com/soconnor0919/hristudio.git synced 2025-12-11 14:44:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

Enhance development standards and UI components

Browse Source 
- Updated .rules to enforce stricter UI/UX standards, including exclusive use of Lucide icons and consistent patterns for entity view pages.
- Added new UI components for entity views, including headers, sections, and quick actions to improve layout and reusability.
- Refactored existing pages (experiments, participants, studies, trials) to utilize the new entity view components, enhancing consistency across the dashboard.
- Improved accessibility and user experience by implementing loading states and error boundaries in async operations.
- Updated package dependencies to ensure compatibility and performance improvements.

Features:
- Comprehensive guidelines for component reusability and visual consistency.
- Enhanced user interface with new entity view components for better organization and navigation.

Breaking Changes: None - existing functionality remains intact.
This commit is contained in:
Sean O'Connor
2025-08-05 02:36:44 -04:00
parent 7cdc1a2340
commit 544207e9a2
16 changed files with 3643 additions and 1531 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
.rules
View File

@@ -157,6 +157,9 @@ export const adminProcedure = protectedProcedure.use(({ ctx, next }) => {
- Follow the established file naming: PascalCase for components, camelCase for utilities
- Use Server Components by default, minimize 'use client' directives
- Implement proper loading states and error boundaries for all async operations
- NEVER use emojis - use Lucide icons exclusively for all visual elements
- Maximize component reusability - create shared patterns and abstractions
- ALL entity view pages must follow consistent patterns and layouts
### TypeScript Standards
- 100% type safety - NO `any` types allowed in production code
@@ -179,6 +182,13 @@ export const adminProcedure = protectedProcedure.use(({ ctx, next }) => {
- Minimize database queries with efficient joins and proper indexing
- Follow WCAG 2.1 AA accessibility standards throughout
## UI/UX Standards
- **Icons**: Use Lucide icons exclusively - NO emojis anywhere in the codebase
- **Reusability**: Maximize component reuse through shared patterns and abstractions
- **Entity Views**: All entity view pages (studies, experiments, participants, trials) must follow consistent patterns
- **Page Structure**: Use global page headers, breadcrumbs, and consistent layout patterns
- **Visual Consistency**: Maintain consistent spacing, typography, and interaction patterns
## Development Commands
- `bun install` - Install dependencies
- `bun dev` - Start development server (ONLY when actively developing)