← Useful Tools
📝
Markdown Live Previewer
Type Markdown on the left, see rendered HTML on the right, instantly.
🟡 MediumDifficulty
2 hoursTime
Python, JavaScriptLanguages
What you're building
A side-by-side Markdown editor: type headings, bold, links, and lists on the left, and watch them render as real formatted HTML on the right in real time -- you're building your own tiny Markdown parser from scratch.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- A code editor
- A browser
🗺️ Build roadmap
01 Setup
→
02 Build the split layout
→
03 Parse headings and bold/italic
→
04 Parse links and lists
→
05 Wire up live updates
→
06 Polish the styling
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free