All projects
Case study

Jutsu IDEWeb3 IDE for NEAR

A browser IDE for building, previewing and shipping NEAR Social components, with an AI copilot, live collaboration and GitHub sync.

Role
Lead Developer
Timeline
Jan 2023 - Jun 2024
Type
Project I worked on
Stack
JavaScript, React +16
01

Overview

Jutsu IDE is a web IDE for NEAR's Blockchain Operating System, where front ends are React-style components stored on-chain and rendered by the NEAR Social VM. Developers write components in a CodeMirror editor, see them render instantly in a sandboxed live preview with a console that captures their logs, and publish them to NEAR mainnet or testnet with a storage-cost estimate before they sign. Around the editor sit an AI copilot that writes, explains, documents and debugs components, Live Share for editing the same component together in real time, GitHub import and push, forks and pull requests with a side-by-side diff, interactive tutorials with runnable code, and IPFS storage for assets. I built most of it: the React front end, the Express and MongoDB API behind accounts, projects, forks, pull requests and GitHub sync, and the copilot service on OpenAI and Anthropic models. The screenshots show the IDE running locally with a demo workspace and made-up data.

02

Highlights

  1. 01A CodeMirror editor with NEAR Social VM-aware autocomplete, Prettier formatting on save, and drafts kept in the browser
  2. 02Multi-component workspaces, arranged as a folder tree from dotted component names
  3. 03A sandboxed live preview on the NEAR Social VM, with light and dark modes and a console that captures component logs
  4. 04Publishing to NEAR mainnet or testnet through the NEAR Wallet Selector, with a storage-cost estimate shown before signing
  5. 05JutsuGPT, an AI copilot with modes to generate, explain, document, debug, simplify, optimise and write tests for components
  6. 06Live Share: real-time co-editing over Yjs, with a participant list and collaborators' cursors and selections
  7. 07GitHub integration to import or fork repositories, browse and edit their files, push commits and create repositories
  8. 08Forks and pull requests between developers, reviewed in a side-by-side diff and merged on-chain
  9. 09Interactive Learn tutorials that pair lessons with runnable code and a live preview
  10. 10IPFS storage for images and data files, plus sign-in with email, a NEAR wallet or GitHub

Next project

Postt.ai | AI Content Platform for Founders

An AI content platform that writes, designs and schedules LinkedIn and X posts in each founder's own voice.

View case study