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
- Start typing - The app starts with a welcome message you can edit
- Create new items - Press Enter to add a new bullet point
- Create nested items - Use Tab to indent or Shift+Enter to create children
- Navigate - Use Shift+Tab to outdent items back to parent levels
- Organize - Collapse sections with many children using the +/- buttons
- View comments - Click the 💬 icon next to any bullet point
- Add comments - Click "Add Comment" and fill in your name and message
- Reply to comments - Click "Reply" on any comment to start a thread
- 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.