Skip to content

jdittrich/QuickwireTS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

102 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

QuickWire

Purpose

QuickWire is a prototype for a small user interface wireframing app to facilitate conversations about UI design. If figma or penpot are for creating blueprints, QuickWire is for felt-pen sketches on a mid-sized sticky note.

The (to be implemented) collaboration model is based on copying wireframes and then changing them. This avoids the need for real-time-collaboration mechanisms on one shared version.

QuickWire does not have explicit stack management commands (send forward/backward), instead figures become children of their enclosing figures.

Requirements

  • TypeScript 5.8+

Running the code

On the repo’s top level (where the index.html is), run:

  • A http server (e.g. python -m http.server)
  • npx tsc --watch to compile the typescript code

Architecture

Old fashioned object oriented programming.

Very much influenced by HotDraw, particularly jHotdraw 5. Other influences: The case study of the GoF Design Pattern book, Draw2D.js.

There is also no redraw management that restricts redraws to specific areas.

Technology

TypeScript using ̀"erasableSyntaxOnly": true` option, which means that erasing all type info yields valid JavaScript code.

Used Libraries

About

a prototype for a small user interface wireframing tool

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors