Back to Daily Vibe CodeDay 6 of 30
Markdown Editor
Beginner 30minProductivity
The Prompt
Build a markdown editor with split-screen layout. Left side: raw markdown textarea. Right side: live rendered HTML preview. Support: headings, bold, italic, links, lists, code blocks, blockquotes. Add a toolbar with formatting buttons. Auto-save to localStorage. Add word count display.
What you'll learn
Prompt crafting
Turn a one-line idea into a clear build brief an AI can execute.
Rapid prototyping
Ship a working version in under an hour — speed over polish.
Core UI patterns
Practice the layouts and components every app relies on.
Shipping fast
Build the habit of finishing and sharing what you make.