←Selected work
Full-Stack2026
completed

Project / Case Study

Markroom Editor

A lightweight browser-based Markdown editor with live preview, formatting tools, syntax highlighting, local document storage and Markdown/HTML export

Markroom Editor

01

My Role

What I worked on.

Designed and built the editor experience and its frontend functionality, including document editing, preview, formatting controls, local persistence and export workflows

02

Problem

Why this project exists.

Writing Markdown often requires switching between an editor and a separate preview or relying on heavier desktop applications for relatively simple documentation tasks

03

Implementation

What I built.

Built a distraction-free Markdown editing experience with a formatting toolbar, headings, lists, blockquotes, inline code, code blocks, links, tables and image insertion. Added side-by-side live preview, syntax highlighting, themes, document creation and editing, local browser storage, word and character counters, Markdown import/export and HTML export

04

Technology

Tools & technologies.

MarkdownHTMLBrowser Local Storage

05

Result

What came out of it.

Completed a functional lightweight Markdown editor that supports writing, previewing and managing Markdown documents entirely in the browser

06 / Gallery

Project visuals.

Screenshots, experiments and supporting visuals from the project.

Markroom Editor project visual 1
Markroom Editor project visual 2
Markroom Editor project visual 3
Markroom Editor project visual 4
Markroom Editor project visual 5

End of case study

Explore moreof my work.

All projects→
Markroom Editor | Prajwal V Naik