Pages are like Notebooks

Pages are like Notebooks

Mar 11, 2022ยท

2 min read

Play this article

The Idea

I've for a while have been tinkering with what I think JavaScript'ers have been missing - namely a way to make Jupyter-like notebooks!

So I started building. Actually been on this since November 12th - so about a month. Lot's of stuff is going to happen still!

The past

Back on the 12th of November it couldn't do much, in fact you were only able to build a page using the source code!

This couldn't spark much joy to any people, so that brings us to the present.

The present

Now you are able to build pages as your heart desires! still missing some documentation on how to use the page-builder, but it's definitely a step in the right direction!

The future

No one knows what the future will bring, not even me for this project! What I do know, though, is that there wil have to be some docs upon how to use the scripting of the pages. Hopefully also a more intuitive way to use the page builder and so on.

I'd love to get some way to work on a saved notebook again, as for now it is not possible to get working on an old saved notebook, which is quite a shame!

The page itself

The notebooks are easily managed by a notion-esque idea-inspired way to build a page - in this case, a notebook.

You start with mostly nothing, then add along all the fields you'd possibly need for a long coding experiment.

It all starts with a box - a magic box one might say. This box allows you to add any element you'd like.

For now though, there are four elements to choose from:

  • Header - A header element
  • Text - A text-area element
  • Code - The snippets to run and global to run from
  • Comment - A super simple comment - for less text that Text, but not quite a heading

Checkout the /page to get a taste off all the elements. It'll show off all of the elements!

The End

Thanks for reading!

By now you must be super excited to get the pages - notbooks - a try! You without further ado, and a demo is also available on ๐Ÿฅฐ

Pst. There's also a shortcut to get a compelely clean slate by navigating to ๐Ÿ’ก

Did you find this article valuable?

Support Mads B. Cordes by becoming a sponsor. Any amount is appreciated!