Ecma-Book

An interactive browser-based coding environment like a Jupyter Notebook, but for JavaScript.

Tech Stack - React, Redux, TypeScript, ESbuild

Steps to run project -

• Run npx ecma-book
• Then npx ecma-book serve

Features and Screenshots -

• User can create multiple Code blocks and Text blocks.
• Markdown editor provided in text blocks.
• Resizable code & text blocks with move 'up' and 'down' the blocks or delete the block feature.
• Added Caching using localForage
• Comulative code execution feature.
• Leveraged Web Assembly to run a code bundler directly in the browser at lightning-fast speeds
• Deployed app to the NPM registry. ecma-book