Back

Instatus

A collection of frontend projects I contributed to at Instatus, a status page and monitoring service.

Fullstack EngineerJuly 2022 - Present

This page does not include all the work I did for Instatus. Certain tasks are confidential and cannot be shared publicly.

Integrations

Instatus connects to dozens of tools like Slack, PagerDuty, and Datadog. I redesigned the integrations page from scratch. It's used in both the marketing site and the app dashboard, so same page, but it has to work well in two very different contexts.

Steven Tey

Steven Tey

@steventey

Replying to @alisalahio

This looks fantastic 🔥

11:47 PM · Jan 17, 2023

2

Replying to @alisalahio

Those onClick animations are lovely ✨✨

2:10 PM · Jan 17, 2023

3

Onboarding

Built the full onboarding flow that takes new users from signing up to having a live status page. Profile setup, monitor creation, incident handling, page customization. The goal was to make it so intuitive that no one ever needs to look at the docs to get started.

Onboarding

Activity Log

When something breaks, the first question is always "who changed what?" I built this feature end-to-end, both backend and frontend.

  • Every change to status pages, monitors, and incidents gets tracked automatically.
  • Search and filtering to find the one change that broke things.
  • CSV and JSON exports for when compliance needs receipts.
Activity LogActivity Log

Authentication

Rebuilt the login page with a new design and hooked it up to the updated backend. It's the kind of page you see for half a second but you definitely notice if it feels off.

  • Added GitHub OAuth because asking developers to remember another password never works.
AuthenticationAuthentication

Become an Affiliate

A clean marketing page for the affiliate program. Straightforward, gets the point across, doesn't try to do too much.

Switch from Statuspage

Switching from a competitor is always a pain. This page tries to make it as easy as possible by letting users import their components, incidents, and subscribers in two ways:

  • Private API: Use your Statuspage API key for a full secure transfer.
  • Public URL: Just paste your public status page URL and Instatus pulls what it can.

This is a selection. There's more that shipped but didn't make it onto this page.