Workflowy Clone

A simple, editable bulleted list app inspired by Workflowy with threaded commenting.

• Create nested bullet points
• Edit text inline
• Add new items with Enter
• Indent/outdent with Tab/Shift+Tab
• Delete items with Backspace on empty lines
• Navigate with arrow keys
• Collapse/expand sections with +/- buttons

• Click the 💬 icon next to any bullet point to view/add comments
• Threaded discussions with replies to comments
• Comment count badges show total comments per item
• Author names and timestamps for each comment
• Nested reply threads for detailed discussions

• frontend/ - React frontend components
  • components/App.tsx - Main application component
  • components/BulletItem.tsx - Individual bullet point with commenting
  • components/CommentSection.tsx - Comment list and form
  • components/CommentItem.tsx - Individual comment with replies
• backend/ - Hono API server
• shared/ - Shared types and utilities

1. Start typing - The app starts with a welcome message you can edit
2. Create new items - Press Enter to add a new bullet point
3. Create nested items - Use Tab to indent or Shift+Enter to create children
4. Navigate - Use Shift+Tab to outdent items back to parent levels
5. Organize - Collapse sections with many children using the +/- buttons

1. View comments - Click the 💬 icon next to any bullet point
2. Add comments - Click "Add Comment" and fill in your name and message
3. Reply to comments - Click "Reply" on any comment to start a thread
4. View comment count - The blue badge shows total comments and replies

The app provides a clean, distraction-free interface for organizing thoughts and tasks in a hierarchical bullet list format with rich discussion capabilities.