Reactdesktop-appElectronCodemirror6Typescript

Writer

A Markdown text editor that is powered by vim mitions, has built-in LSP for 10+ languages including Rust, Go, C++ and Java

Background
Writer - Markdown Text Editor with Vim Motions
Client

Writer

Role

Solo Developer

Team

Solo Developer (Emran Hossain)

Tools

Electron, React, CodeMirror 6, OpenAI API, MermaidJS

Overview

Writer is a professional macOS desktop markdown application built for Vim enthusiasts. It bridges the gap between simple note-taking and high-level coding documentation, featuring a built-in LSP for 10+ languages, interactive canvas for diagrams, and AI-powered content generation.

Problem

The Need for a Fluid, Vim-Powered Markdown Experience

"As a developer and Vim enthusiast, I found that existing markdown editors often lacked the fluidity of Vim motions combined with modern IDE features like LSP and AI assistance. Most tools were either too heavy or too limited for quick 'brain dumps' and disposable work."

Research

Product Vision & Developer Experience

The Minimalist Developer Workflow

Focusing on the core needs of a developer: fast syntax highlighting, Vim-native interactions, and a non-clunky interface for disposable notes and leetcode practice.

The Minimalist Developer Workflow

Expanding the Ecosystem (v2.02)

Identifying the need for integrated Terminal, Task management and Visualization, leading to the addition of Kanban boards and the interactive Canvas system.

Expanding the Ecosystem (v2.02)
Solution

A Comprehensive Markdown Editor

Developed a high-performance desktop application using Electron and CodeMirror 6, integrating specialized features like a context based AI writer, MermaidJS rendering, and a real-time progress tracking system.

Solution 0
Implementation

Technical Depth

Interactive Canvas & Visual Thinking

Introduced an interactive environment to create flowcharts and diagrams, with the ability to export directly to PDF for documentation.

Interactive Canvas & Visual Thinking

Task Management & Organization

Built an integrated Kanban board and automated 'Daily Note' system, complemented by custom note statuses and specialized progress bars for checkbox lists.

Task Management & Organization

AI & LSP Integration

Implemented 'Write with AI' powered by Open-router models and a full LSP suite for code completions and syntax diagnostics across multiple languages.

AI & LSP Integration
Community Response & Evolution

v2.02

Successfully delivered a redesigned UI that balances aesthetics with functionality. High performance was achieved through memoization and filetree state persistence, making it a reliable daily tool for developers globally.

v2.02
Result 0

You Dream It, I Code it

Contact

Got a question, how or project Idea? I’D love to hear from you and discuss further!
imagine, I build imagine, I build imagine, I build imagine, I build