Item Activity Feed

Overview

Built a project-wide activity feed giving teams visibility into all item changes in one place

Tech Stack

ReactTypeScriptGoGraphQLPostgreSQL

Problem

Item activity was only visible on each individual item, making it hard to track progress across multiple items as teams worked towards a goal or deadline.

Solution

I built a new page to display item activity across the entire project. On the backend we built a new endpoint to query and organize events by date. On the frontend I built a paginated feed that loaded the next set of events on scroll, and added quick navigation shortcuts to jump to today, yesterday, and last week. I also added a sidebar to allow users to drill down into an item's details without leaving the page.

Item Activity Feed button

Navigate to the Item Activity Feed

Item Activity Feed

View the feed of item activities

Activity filter

View all activities or your activities

View item details

View item details without leaving the activity feed

Outcome

User interviews confirmed that Project Executives could now monitor progress across all items in one place.

Team

PM
Jeanette Popiel
Design
Ed O'Malley
Engineering
Jeff Heuton, Therese Diede