All work

Pinpoint

Software / Developer Tools · Developer tooling

A side drawer on your running app. Point at the element that's wrong, say what's wrong, add a screenshot if it helps. The report is saved with its page and that exact element, and clicking it later outlines the element again.

[ fig. 1 ]A walkthrough of Pinpoint: a reviewer points at an element on the page, writes what's wrong, saves the note with that element attached, and clicking the note highlights the element again. Recording, 0:04–0:17.

The problem

QA feedback arrived as "the button on the settings page is wrong": which button, which page? Screenshots sat cropped in chat threads, and a typo never got a ticket because filing one took longer than fixing it.

Before
Which button? Which page?
After
The report knows its element

Stack

Built with

  • TypeScript
  • React
  • Next.js
  • SQLite
  • Tailwind CSS
NextDocsySoftware / Documentation