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.
28 lines
1.1 KiB
Markdown
28 lines
1.1 KiB
Markdown
## 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 |