Skip to content

TODO.md

Latest commit

 

History

History
106 lines (88 loc) · 3.94 KB

TODO.md

File metadata and controls

106 lines (88 loc) · 3.94 KB
Raw

TODO - Reactive UI Branch

High Priority

  • Move CSS from template to separate file
    • Currently CSS is inline in the ECR template
    • Should be in a separate CSS file for better organization
    • Make CSS easier to maintain and update

Medium Priority

  • Improve note card design to match legacy UI richness

    • Add proper styling for tags
    • Add visual indicators for priority
    • Show start/end dates when note is expanded
    • Add expand/collapse functionality
    • Display file attachments
    • Show word count or character count
    • Add hover effects and better visual feedback

  • Restore board header functionality from legacy UI

    • Add board rename functionality
    • Add board delete functionality
    • Add color scheme selector
    • Add board sharing features
    • Add board statistics (note count, etc.)
    • Add last updated timestamp

  • Implement search functionality

    • Add search input in header
    • Search across note titles and content
    • Search by tags
    • Filter by priority
    • Filter by date range
    • Highlight search results
    • Save search queries

  • Add guided onboarding experience for new users

    • Show helpful prompts when no boards exist
    • Guide users to create their first board
    • Show lane creation tips on empty boards
    • Show note creation tips on empty lanes
    • Add tooltips for UI elements
    • Create a quick start guide or tutorial modal
    • Track and hide tips once user is familiar with the app

  • Replace browser alerts and prompts with custom modal dialogs

    • Create custom modal component for confirmations
    • Create custom modal for text input (board/lane creation)
    • Create custom modal for note editing with better layout
    • Add proper form validation with inline error messages
    • Implement accessible keyboard navigation in modals
    • Add consistent styling for all modals

  • Implement lane reordering via drag and drop

    • Add drag handles to lane headers
    • Implement lane drag and drop functionality
    • Update lane positions in backend
    • Add visual feedback during dragging
    • Persist lane order after page refresh

  • Improve horizontal lane scrolling experience

    • Add navigation buttons for horizontal scrolling
    • Implement auto-scroll when dragging notes near edges
    • Hide scrollbars while maintaining scroll functionality
    • Add smooth scrolling animations
    • Support touch gestures for mobile devices
    • Add lane overflow indicators

  • Implement touch/mobile support for note dragging

    • Add touch event handlers for drag and drop
    • Implement long-press to initiate drag on mobile
    • Add visual feedback during touch dragging
    • Handle touch events properly to prevent conflicts with scrolling
    • Test on various mobile devices and screen sizes
    • Consider using a touch-friendly drag and drop library

  • Add note expand/collapse functionality

    • Add click handler to toggle note expansion
    • Show full content when expanded
    • Show dates (start/end) when expanded
    • Animate expand/collapse transitions
    • Persist expanded state in backend
    • Show different UI for expanded vs collapsed state

  • Test and verify all core functionality works

    • Board creation and switching
    • Lane creation and deletion
    • Note creation, editing, and deletion
    • Drag and drop between lanes
    • Drag and drop reordering within lanes
    • Tag functionality
    • Priority levels
    • Date fields

  • Verify the reactive UI is properly served as default

    • Test that no ?ui=legacy parameter is needed
    • Test legacy UI still works with ?ui=legacy

Notes

  • Server is running on localhost:3000 with test data
  • Use shards run -- --data-path=test-data to start the server
  • The reactive UI should be the default without any parameters