DEV Community

Cover image for I Built an Offline-First Browser Extension: Meet Webpage Journal πŸ“–
M.T.Arden
M.T.Arden

Posted on Edited on

I Built an Offline-First Browser Extension: Meet Webpage Journal πŸ“–

screenshot of it
video
MS Edge link

Background

Have you ever found yourself deep into a session or researching a complex topic, jumping between dozens of tabs, and wishing you had an effortless way to capture your thoughts, exact page contexts, and screenshotsβ€”all in one place?

That was exactly my problem. I needed a light space to dump quick drafts, while instantly capturing URLs and screenshots as reference points for later confirmation. Switching back and forth between dozens of tabs and heavy note-taking apps was just too distracting.

So, I built Webpage Journal! πŸš€

Intro

Webpage Journal is a lightweight, 100% offline-first browser extension designed for private journaling and web clipping.

It lets you record visited tabs, spark thoughts, and page screenshots seamlessly.

Pros

  • No Accounts Required and No Server Requests
  • Data Ownership: Your notes, screenshots, and logs never leave your device.

πŸ“Έ Smart Screenshots & Tabs: Capture screenshots of your active tab or import tab URLs with a single click.

πŸ‘οΈ Markdown Live Preview: Format your logs with full Markdown support.

πŸ’Ύ Local ZIP Export: Easily export all your accumulated journals, images, and Markdown files into a local ZIP archive anytime.

Quick Start Guide

  1. Click the extension icon in your browser toolbar or side panel to open the interface.
  2. Start typing your ideasβ€”it auto-populates the current active tab details and creates a new entry.
  3. Capture a screenshot of your active page or attach notes in the Markdown editor.
  4. Preview your entry and click Export whenever you want a local backup!

The core is fully built and ready to use! You can check out the source code, download it, or build it locally via GitHub:
πŸ‘‰ GitHub Repository: M-T-Arden/webpage-journal

Note: I will also be releasing it on the Microsoft Edge Add-ons store very soon!

I'd love to hear your feedback, suggestions, or potential feature requests! Feel free to leave a comment below or drop a star ⭐ on GitHub if you find it helpful!

Top comments (0)