TL;DR The app is the drawing app to express, grasp, and organize your thoughts and ideas. Draw to explain. Draw to grasp. OkSo Concept Some of you are visual learners. You need to see pictures and visualizations and concepts. You keep a and a at hand. Sometimes it feels like connecting two circles with an arrow would speak more apparent than describing such circles' relationship with words. Visualizations, drawings, and sketches help you organize your thoughts and knowledge. to explain grasp pencil piece of paper The process of visualization is not always easy. It requires some thinking and energy. That's why you might find yourself taking a deep breath, and saying to yourself or your vis-à-vis before diving deep into the concept. That's the reason for with the in the logo. "Ok! So..." the Thinker "Ok! So..." The or the notepad is good but it has its limitations: physical paper You may forget it at home. The page space might not be enough to contain all the details. Often you only have pens of one or two colors. If you made a typo you can't just undo/redo it, the sketch is not really editable. The app tries to overcome these limitations and gives users the possibility to "Draw to explain" and "Draw to grasp". OkSo Features The limitations mentioned above are being addressed as follows: The app is available online and thus it is always with you. OkSo Currently, you may export all your drawings to the file and share them between devices manually (i.e. via Google Docs or Dropbox). All your drawings are stored in your browser. We don't send your data to the back-end. The possibility to automatically sync your drawings between devices is in our . Roadmap It gives you an "infinite" canvas. No color limits. You may edit your drawings and undo/redo your edits. Many online drawing apps give you these (and not only) possibilities. Take a look at or , for example. These apps are awesome! Even more, the app is built on top of the NPM package itself. tldraw excalidraw OkSo @tldraw/tldraw However, what the OkSo app tries to do on top of that is to experiment with the way you . It uses the concept of . The page (to be more precise the link to a page) is a first-class citizen of your drawing along with other shapes like freehand curves, rectangles, ellipses, or texts. So you may embed/draw . It means that you may organize your drawings in the nested tree structure. organize your drawings nested pages links to sub-pages inside the page For example, here is one of the variants you may organize your drawings/pages: Root drawing
  ├─ Goals
  │     ├─ 2021
  │     ├─ 2022
  │     └─ ...
  ├─ Career
  └─ Learning
        ├─ Machine Learning
        └─ Algorithms breakdown
              ├─ Binary search
              ├─ Power Set
              └─ ... Each item in this tree is a separate drawing/page itself. The of each page might be anything you are using your notepad for. For example: content My 2022 goals My career plans The "Drawing App" system design Binary search algorithm breakdown Brainstorming the startup ideas The AI learning path Logistics for my next trip You name it... The fact that the link to the sub-page is just a regular shape allows you to use , to group the links together, and to easily distinguish them visually. size- and color-coding Also, compared to the flat lists, , since they may be organized in a tree structure. You will only see the links to the sub-pages of a particular level. You can "travel" easily between the sub-pages back and forth, deeper and deeper until you find a page you need. you'll not be overwhelmed by a large number of pages Another approach, that the OkSo app takes compared to the other drawing apps is to be (just like your physical notepad). This relates not only to the UI but to the list of tools and features in particular (therefore the rectangle, the ellipse, and the arrow are hidden from the tools panel by default). as simple and as minimalist as possible For example, instead of having a reach collection of primitives, what about just drawing the "DataBase Cylinder" icon from scratch? Yes, one of the real reasons for that is plain simple laziness and desire to code less :D However, I believe, this approach also feels more authentic and artistic. When you use a whiteboard during the technical interview or during the brainstorming you draw such primitives easily, aren't you? Plus, having such basic functionalities as copy-pasting, cloning, and resizing should allow you to deliver your thought fast and easily. The OkSo app is a (PWA). It means that you may install it on your device (add to your home screen) for faster access (see ). Progressive Web App instructions Demo You may also check the to get more context. full demo video on YouTube Feedback Note, that the app is in its and some features from our are still in progress and will be delivered soon. early beta stage Roadmap Meanwhile: feel free to if you're interested subscribe to the product updates (i.e. suggest a feature or report a bug) leave feedback and follow OkSo on Twitter Also published . here

Dropbox

Google

Progressive

Twitter

YouTube

Explain Complex Concepts With Minimalistic Drawings With Okso.app

Implementing the Weighted Random Algorithm with JavaScript

Nominated for 2022 - HackerNoon Contributor of the Year - Algorithms

Nominated for 2022 - HackerNoon Contributor of the Year - Computer Science

Nominated for 2022 - HackerNoon Contributor of the Year - Github

Too Long; Didn't Read

OkSo - Draw to Explain, Draw to Grasp

OkSo - Draw to Explain, Draw to Grasp

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Algorithms and Data Structures Implemented in ES6 JavaScript

Understanding A Recurrent Neural Network For Image Generation

4 Best Tips for Effective Design Collaboration in Sketch

5 smashing Sketch plugins to bolster your Sympli workflow

Automate: Export Sketch Artboards without Sketch

Automating Sketch: A Quick Guide For Designers & Developers

Algorithms and Data Structures Implemented in ES6 JavaScript

Understanding A Recurrent Neural Network For Image Generation

4 Best Tips for Effective Design Collaboration in Sketch

5 smashing Sketch plugins to bolster your Sympli workflow

Automate: Export Sketch Artboards without Sketch

Automating Sketch: A Quick Guide For Designers & Developers

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps