Giter VIP home page Giter VIP logo

jade's Introduction

Jade

Jade is an experimental note-taking canvas for developing networked thought visually. I used it as a playground to explore the user experience of canvas tools for thinking and the technology of canvas interfaces.

I researched topics including but not limited to:

  • Canvas-based interactions
  • Rich-text on a canvas
  • Plugin-first software architecture

If you want to try Jade, the easiest way is by visiting the hosted demo on my website. Also you might want read the user-facing post.

Since I've moved on to a new project, tableOS, and am no longer developing Jade, I want to share the code publicly, for anyone interested to study the technology and concepts.

The code is neither guaranteed to run, nor will I provide direct support. But if you have questions about how something works or are interested in the UI design, feel free to open issues, I will consider writing posts to talk about them.

Lastly, Jade was inspired by Muse and Semilattice. I would like to extend my sincere thanks to them.

Hacking

Clone this repository on your development machine and cd into it.

Switch your Node.js to version 16 using n or other manager. This project does not work with newer Node.js versions.

yarn
yarn web:start

Visit http://localhost:8140/ in your browser.

Or you can start the desktop version by (Warning: It's likely to fail.)

yarn
yarn electron:build
yarn electron:start

Troubleshooting

  • Always make sure there's only one version of each prosemirror-* package installed in yarn.lock. If there's multiple, you may get false positive type errors, and your app may crash.

Support

If you find this project useful,

ko-fi

jade's People

Contributors

dragonman225 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.