The latest articles on DEV Community by Faisal Kawsar (@faisal_kawsar). https://dev.to/faisal_kawsar https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3961021%2F26137c10-4bb0-46c1-9526-ff533ac74359.jpg https://dev.to/faisal_kawsar en Faisal Kawsar Sun, 31 May 2026 10:15:16 +0000 https://dev.to/faisal_kawsar/i-built-zenjournal-an-offline-first-private-markdown-editor-daily-planner-running-in-indexeddb-l75 https://dev.to/faisal_kawsar/i-built-zenjournal-an-offline-first-private-markdown-editor-daily-planner-running-in-indexeddb-l75 <p>Hello everyone,</p> <p>I wanted to share a side project I've been working on: ZenJournal (<a href="https://fkawsar68.github.io/zenjournal/" rel="noopener noreferrer">https://fkawsar68.github.io/zenjournal/</a>).</p> <p>It is a private, client-side, offline-first Markdown editor combined with a daily task planner. I built it because I wanted a distraction-free writing environment where my notes and thoughts never leave my computer.</p> <p>How it works technically:</p> <ul> <li>100% Client-Side: The processing is done entirely in your browser.</li> <li>IndexedDB Storage: All documents and tasks are saved securely to your local IndexedDB using an asynchronous transaction wrapper, meaning no data limits and zero server exposure.</li> <li>Live Rendering: Markdown preview is parsed locally via marked.js and cleaned up via DOMPurify to keep it safe.</li> <li>Workspace Layouts: Features switchable modes for focused writing, classic split-screen preview, or full-preview reading.</li> <li>Responsive Themes: Built with modern Slate/Zinc styling and includes Nord, Solarized, and Cyberpunk options.</li> </ul> <p>It is hosted completely free on GitHub Pages and runs entirely offline. </p> <p>I would love to get your feedback on the layout, performance, or any additional features you would like to see in a local-first workspace. Thank you!</p> javascript productivity showdev webdev