Workflow Chrome Extension

A Chrome extension that lets you clip content and enrich or edit the data before submission

Overview

This chrome extension is meant as a workflow tool for information gathering and editing. Currently it is aimed at policy professionals but could easily be changed to serve any profession reliant on information gathering from the web. Information sources are highly variable and automation might not be economically viable. However, this information is accessed through the web browser in any case, which makes a Chrome extension the logical choice. At the same time, I am able to practice things like state and caching, API integration, Headless Client Architecture, Cross-Context Communication, and UI/UX.

Goals

Learning Objectives

State and caching control
Headless Client Architecture with CORS
Toasts and other UX elements

Practical Objectives

Create a more seamless workflow for data gathering
Allow data to be gathered in a central location

Implementation Details

Backend Architecture

The backend is handled by the service worker, making heavy use of the Chrome Extension APIs.

Frontend Design

The frontend design of this SPA is self-made to directly control UX elements like injected elements (toasts, highlights), notifications, and badges.

Deployment Infrastructure

The deployment of the extension through chrome follows the Manifest V3 specifications.

View on GitHub

Development Progress

Status

Completed

Start Date

2025-10-08

Features

Accessing user and page data	Completed
Automatically populating metadata	Completed
Submission to central server	Completed
Implement session persistance	Completed
Cache metadata	Completed
Fetch notifications and implement badges	Completed
Toasts and highlighting for UX	Completed
Keyboard shortcuts and menus	Completed

Workflow Chrome Extension

Overview

Implementation Details

Development Progress

Technology Stack