mARTin
d92a8c7210
- Added 'onDelete' and 'onNotes' support to TaskItem. - Implemented hover actions (Delete and Notes icons) for tasks. - Added Notes Modal for editing task markdown content. - Simplified navigation animation to remove blank flash (single-phase slide-in). - Fixed syntax error in updateTask function. - Updated styles for modal and task actions.
1.1 KiB
1.1 KiB
Phase Research: Setup & Foundation
Standard Stack
- React.js for component-based UI development
- Tailwind CSS for styling and responsive design
- LocalStorage API for data persistence
- HTML5 Drag and Drop API for task reorganization
Architecture Patterns
- Component-based architecture with reusable calendar components
- State management for tasks and calendar navigation
- Modular design allowing for future phase extensions
Don't Hand-Roll
- Do not implement custom calendar rendering logic - use proven libraries
- Do not create custom drag and drop implementation - use established APIs
- Do not build custom data persistence layer - leverage localStorage
Common Pitfalls
- Forgetting to handle edge cases in date calculations
- Improper state management leading to UI inconsistencies
- Not accounting for time zones in date handling
- Overcomplicating the UI too early in development
Code Examples
- Basic React component structure for calendar views
- localStorage usage patterns for task persistence
- Event delegation for handling drag and drop operations