Whiteboard
Draw it, explain it, teach it
An Excalidraw whiteboard with a concept board for each of the 14 notes topics, generated from the notes: definitions, flow diagrams, tables, code and Q&A sticky notes, one slide per section. Present them, annotate PDFs, and download any board as a PDF. Boards are saved in your browser.
Learn by drawing
Every notes topic is a ready-made hand-drawn board. Add your own arrows, doodles and examples on top.
Frames are slides
Each section is a frame. Press F to frame anything you draw, and it becomes a slide too.
Teach it
Present goes full screen, steps through the slides with the arrow keys, and has a laser pointer and a pen.
Teaching shapes
The library holds client, server, database, cache, queue and load balancer shapes, plus note callouts.
PDFs in and out
Import any PDF to annotate it page by page. Export PDF downloads the board with one page per slide.
Frontend concept boards
- HTML Structure, semantics, forms, accessibility and SEO basics
- CSS Box model, specificity, Flexbox, Grid, responsive design
- JavaScript Scope, closures, this, prototypes, the event loop and async
- TypeScript Types, interfaces, generics, narrowing and utility types
- React Components, rendering, hooks, state management and performance
- Next.js App Router, server components, rendering strategies, caching
Backend concept boards
Databases concept boards
DevOps & Tools concept boards
Teach from the PDF volumes
The first time you open one, each page is turned into a slide you can draw on. That takes a few seconds.