Yazı aracıCanlı

MD Editor: belgeleri cihazda kalan bir Markdown çalışma alanı

MD Editor, yazarken önizlemeyi canlı gösteren ve hiçbir şeyi sunucuya göndermeyen bir Markdown çalışma alanı. Next.js ve TypeScript ile yazdım; belgeler tarayıcıda saklanıyor, isteyen dışa aktarıyor.

Siteyi ziyaret et Tüm projeler

Müşteri

Kendi ürünüm

Yıl: 2026

Rolüm

Tasarım ve geliştirme

Hizmetler

Web uygulaması (Next.js)
Editör ve önizleme deneyimi
Mobil düzen
Test altyapısı

Teknolojiler

Next.jsReactTypeScriptTailwindCSSVitestPlaywright

Öne çıkanlar

Yerel öncelikli, hesap yok
Canlı önizleme ve anahat
Uçtan uca testli

Problem

Not ve belge uygulamalarının çoğu hesap, senkronizasyon ve sunucu istiyor; yazarken dikkat dağıtan arayüzler de cabası. Sadece yazıp Markdown çıktısını görmek isteyen biri için fazla ağır.

Hedef; hesap gerektirmeyen, verinin cihazda kaldığı, hızlı açılan ve klavyeyle rahat kullanılan sakin bir yazı alanı kurmaktı.

Çözüm

Belge kütüphanesi, editör ve önizleme tek ekranda duruyor. Belgeler ve ayarlar yalnızca tarayıcının yerel depolamasında tutuluyor; dışa aktarma .md dosyası olarak yapılıyor.

Belge kütüphanesi: oluşturma, yeniden adlandırma, çoğaltma, silme ve silmeyi geri alma, arama, içe ve dışa aktarma
Seçime duyarlı biçimlendirme çubuğu ve Ctrl/⌘ + B, I, K gibi kısayollar
GFM tabloları, görev listeleri ve kod vurgulamalı canlı önizleme; ham HTML bilerek çalıştırılmıyor
Başlıkları listeleyen anahat menüsü: seçince editör ve önizleme o başlığa gidiyor
Aydınlık, koyu ve sistem teması; yazı boyutu, satır yüksekliği, yazı tipi, satır numarası ve odak modu
Telefonda Yaz ve Önizleme sekmeleri, belge çekmecesi

Sonuç

Uygulama canlıda ve belgeleri hiçbir sunucuya göndermiyor. Telefon düzenini düzeltip anahat, çoğaltma ve silmeyi geri alma özelliklerini ekledim; tüm özellikler uçtan uca testlerle korunuyor.