• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
mtaufen

mtaufen

idea

Public
Like
idea
Home
Code
4
backend
1
frontend
3
shared
2
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://mtaufen--a708ffe43dd211f0b3ce76b3cceeab13.web.val.run
README.md

Workflowy Clone

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

Features

Core List Features

  • 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

Commenting System

  • 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

Structure

  • 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

Usage

Basic List Operations

  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

Commenting

  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.

HTTP
  • index.ts
    mtaufen--a7…13.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.