← Back to projects

freeCodeCamp coursework

Markdown Previewer

A split-pane Markdown editor that turns text into a live formatted preview as you type.

My role: Frontend Developer

Edit the Markdown in the left pane to see the preview update on the right.

Learning goal

Learn to share React state between an editor and a preview that updates as the user types.

Behind the project

One of my first React projects, built for freeCodeCamp. The editor and preview share Markdown state, with source and output displayed side by side. The starting document includes headings, code, tables, and lists to experiment with.

Repository
mnichols08/freecodecamp-markdownpreview
Repository updated