skew202 / textusm

Online tool for Generate a User Story Map from indented text.

TextUSM

TextUSM is a simple tool. Help you draw user story map using indented text.

Features

• Generate a Diagram from indented text
  • User Story Map
  • Business Model Canvas
  • Opportunity Canvas
  • User Persona
  • 4Ls Retrospective
  • Start, Stop, Continue Retrospective
  • KPT Retrospective
  • Mind Map
  • Empathy Map
  • Customer Journey Map
  • Site Map
  • Gantt Chart
  • Impact Map
  • ER Diagram
  • Kanban
• Export a Diagram
  • SVG
  • PNG
  • TXT
  • PDF
  • DDL(only ER Diagram)

Example

User Story Map

# labels: USER ACTIVITIES, USER TASKS, USER STORIES, RELEASE1, RELEASE2, RELEASE3
# release1: 2019-06-01
# release2: 2019-06-30
# release2: 2019-07-31
TextUSM
    Online tool for making user story mapping
        Press Tab to indent lines
        Press Shift + Tab to unindent lines: Online tool for Generate a User Story Mapping from indented text.

Business Model Canvas

👥 Key Partners
    Key Partners
📊 Customer Segments
    Customer Segments
🎁 Value Proposition
    Value Proposition
✅ Key Activities
    Key Activities
🚚 Channels
    Channels
💰 Revenue Streams
    Revenue Streams
🏷️ Cost Structure
    Cost Structure
💪 Key Resources
    Key Resources
💙 Customer Relationships
    Customer Relationships

Opportunity Canvas

Problems
    Problems
Solution Ideas
    Solution Ideas
Users and Customers
    Users and Customers
Solutions Today
    Solutions Today
Business Challenges
    Business Challenges
How will Users use Solution?
    How will Users use Solution?
User Metrics
    User Metrics
Adoption Strategy
    Adoption Strategy
Business Benefits and Metrics
    Business Benefits and Metrics
Budget
    Budget

4Ls Retrospective

Liked
    Liked
Learned
    Learned
Lacked
    Lacked
Longed for
    Longed for

Start, Stop, Continue Retrospective

Start
    Start
Stop
    Stop
Continue
    Continue

KPT Retrospective

Keep
    Keep
Problem
    Problem
Try
    Try

MindMap

TextUSM
    WORK QUICKLY
        Draw diagrams without leaving the keyboard.
    SAVE TIME
        Instantly visualize your ideas.
    EXPORT TO IMAGES
        Images can be exported as png or svg.
    SHARING
        Share your diagrams online with your colleagues.

Empathy Map

https://app.textusm.com/images/logo.svg
SAYS
THINKS
DOES
FEELS

Customer Journey Map

Header
    Task
    Questions
    Touchpoints
    Emotions
    Influences
    Weaknesses
Discover
    Task
    Questions
    Touchpoints
    Emotions
    Influences
    Weaknesses
Research
    Task
    Questions
    Touchpoints
    Emotions
    Influences
    Weaknesses
Purchase
    Task
    Questions
    Touchpoints
    Emotions
    Influences
    Weaknesses
Delivery
    Task
    Questions
    Touchpoints
    Emotions
    Influences
    Weaknesses
Post-Sales
    Task
    Questions
    Touchpoints
    Emotions
    Influences
    Weaknesses

Site Map

Home
    Download
        TextUSM
        Help you draw user story map using indented text.
        WORK QUICKLY
        SAVE TIME
    Privacy Policy
        Test
    Terms
        Test
    Contacts
        [e-mail]

Gantt Chart

2019-12-26,2020-02-29
    title1
        subtitle1
            2019-12-26, 2019-12-31
    title2
        subtitle2
            2019-12-31, 2020-01-04

Impact Map

TextUSM
    WORK QUICKLY
        Draw diagrams without leaving the keyboard.
    SAVE TIME
        Instantly visualize your ideas.
    EXPORT TO IMAGES
        Images can be exported as png or svg.
    SHARING
        Share your diagrams online with your colleagues.

ER Diagram

relations
    DiagramDetail - Diagram
    # One To Many
    User < Comment
    Diagram < Comment
    User < Diagram
    User < DiagramUser
    Diagram < DiagramUser
tables
    Diagram
        diagram_id int pk
        name varchar(255) not null
        type enum(userstorymap,mindmap)
        is_bookmark boolean default false
    DiagramDetail
        diagram_id int pk
        is_bookmark boolean default false
        is_public boolean default false
    Comment
        comment_id int pk
        comment text not null
        diagram_id int not null
        user_id int not null
    User
        user_id int pk
        name varchar(255)
    DiagramUser
        diagram_id int pk
        user_id int pk

Kanban

TODO
    task1
    task1
DOING
    task2
    task2
DONE
    task3
    task3

Installation

• Web
• VSCode Extension
• cli
• npm

Developing

$ npm run dev

Open http://localhost:3000 and start modifying the code in /src.

Production

npm run prod

Testing

$ npm run test

---

License

MIT