Founder & SaaS Product

Annoture

Visual QA bug capture, built for teams

The visual bug-capture tool built for QA teams. Click once and get an automatic bug report — screenshot, URL, browser, OS, and DOM element — already on your Kanban board. No manual write-up, no back-and-forth.

Annoture — Visual QA Bug Capture

The product

What Annoture is

The problem

QA is slow when reporting a bug means screenshotting, describing steps, copying the URL, noting the browser and OS, and pasting it all into a ticket. Details get lost, developers ask for more context, and the loop drags on.

The solution

Annoture turns a bug into a complete, developer-ready report in a single click. A Chrome extension captures the screenshot and every piece of technical context, then syncs it straight onto a shared Kanban board in real-time.

My role · Founder & Engineer

I founded Annoture and built the entire product end-to-end — the Chrome extension, the real-time Kanban application, the Node.js API and database, billing, authentication, the marketing site, and the infrastructure it all runs on. From product strategy and design through to shipping and support, it's a solo full-stack build taken from idea to a live SaaS on the Chrome Web Store.

Capabilities

What it does

01

One-click bug capture

Click the extension, click the bug. A screenshot is taken instantly with the cursor position marked — zero friction, zero context switching.

02

Smart auto-annotation

Every capture includes the exact element clicked, its CSS path, viewport size, browser, and OS. No manual form-filling required.

03

Visual Kanban boards

Issues land straight on the board. Drag between Backlog, In Progress, Review, and Done, keeping the whole team aligned in real-time.

04

Team-first workflow

Invite unlimited members, assign issues, and leave comments with screenshots attached. Everyone sees the same source of truth.

05

Reporting & analytics

Monitor issue velocity, resolution time, and team performance. Export to PDF or integrate with Jira and Trello.

06

Enterprise ready

SSO, white-labelling, custom data retention, and granular board permissions for teams that need control.

The workflow

How it works

1

Install the extension

Add Annoture to Chrome. It works on any website, any URL — including localhost.

2

Click the bug

Capture the viewport, scroll position, and element metadata automatically in a single click.

3

Review & add context

The report pre-fills browser, OS, screen size, URL, and element XPath — add a note if you need to.

4

Land on the board

The issue syncs in real-time to your Kanban board, ready for the whole team to action.

Under the hood

Built with

Frontend

Next.jsReactTypeScriptTailwindRadix UITanStack QueryRecharts

Backend

Node.jsExpressPrismaPostgreSQLSocket.IOJWT Auth

Extension

Chrome ExtensionManifest V3Service Workers

Infrastructure

VercelCloudflareAWS S3StripeSentryPostHog

Capture bugs in one click

Try Annoture for free, or take a look back at the rest of my work.