Intermediate · PROJECT BRIEF

Build a Markdown Notes App

Create a split-pane markdown editor with live preview and local persistence.

What you will build

Create a split-pane markdown editor with live preview and local persistence.

Suggested implementation steps

  1. Create a text editor and preview panel.
  2. Render an escaped subset of Markdown.
  3. Save content in local storage.
  4. Add export and keyboard shortcuts.

Start working on your idea

Use the HTML live preview or JavaScript playground to prototype your features and experiment.

Open code playground ↗