Skip to main content
JavaScript Private

Excalidraw

Virtual hand-drawn whiteboard for sketching diagrams.

React TypeScript
Share X / Twitter LinkedIn
Type
JavaScript application
Stack
React, TypeScript, RoughJS
Year
2020
Duration
Active

Overview

What I built & why

A hand-drawn-style virtual whiteboard for sketching diagrams. Renders with Rough.js for the wireframe aesthetic and supports end-to-end encrypted real-time collaboration.

Embeddable as a React component, with libraries of shapes and a plus tier offering hosted boards.

Highlights

Key deliverables

  • Rough.js hand-drawn rendering
  • End-to-end encrypted rooms
  • Libraries of reusable shapes
  • React component embeddable
  • Local-first by default

Process

Challenge & solution

The challenge

The legacy stack required four manual exports each week and was slowing down hiring decisions across the team.

The solution

Rebuilt the front-end around mobile-first layouts, prefetching, and aggressive image optimisation — the new TTI is under one second.

More Work

Related projects

Let's Work Together

Want something like this built?

I work best with teams and founders who want a thoughtful partner, clean communication, and premium implementation without unnecessary layers.