SaaS dashboard · 2025

Response Monitor – email warmup & deliverability dashboard

A full-stack SaaS app for monitoring seed accounts, tuning sender domain behavior, and tracking inbox placement across providers. I designed and built the frontend dashboard, reporting views, and admin configuration screens, and integrated them with a Node/Express backend.

Role
Full-stack developer
Stack
React, TypeScript, Tailwind, React Query, Zustand, Node.js, Express, PostgreSQL, BullMQ, Redis
Status
Internal product · In active use
Response Monitor dashboard overview

Light & dark modes

The dashboard supports both light and dark themes, with chart colors tuned for contrast in each mode. Users can toggle the theme from the header, and their preference is persisted.

LightDark
Response Monitor dashboard light/dark
Response Monitor login screen

Authentication & onboarding

The login and registration screens follow the same visual language as the main app. They highlight key benefits while keeping the form simple and focused.

  • • Email/password auth with Zod + React Hook Form validation.
  • • Secure session cookies with JWT-backed API access.
  • • Automatic redirect if the user is already authenticated.
  • • Role-based access: super admins vs. standard operators.

Core product screens

Seed accounts

Export active or retired seed inboxes by provider for use in other tools, audits, or inbox placement tests.

Seed accounts export screen

Sender domains & presets

Configure per-domain behavior for opens, clicks, scrolling, replies, and spam recovery, with quick active toggles.

Sender domains configuration

Manage profiles

See all seed email accounts, their providers, login status, and last login/attempt. Supports bulk CSV upload.

Manage profiles view

Seed delivery reports

Daily delivery reports with chart and grid views, filterable by date range, sender domain, and domain groups.

Reporting screen

Session configuration controls

Super admins can centrally tune warmup behavior via the session configuration screen. These settings drive how the backend workers behave during real warmup sessions.

  • • Min, max, and average dwell time per session.
  • • Option to randomize dwell time between min and max for realistic behavior.
  • • Separate tabs for session rules, actions, and concurrency limits.
Session configuration admin settings

Tech stack & responsibilities

Stack

ReactNext.js (for the portfolio)TypeScriptVite (app frontend)Tailwind CSSReact QueryZustandNode.jsExpressTypeORMPostgreSQLRedisBullMQDockerNginx

What I did

  • • Designed the dashboard, reports, and admin UX to match a modern SaaS feel.
  • • Implemented authentication, role-based access, and session handling on the frontend.
  • • Built reporting APIs (day/hour/sender-domain) and wired them to charts and summary cards.
  • • Helped shape the backend data model for inbox logs and aggregated delivery logs.
  • • Set up Docker-based deployment (frontend, backend, Redis, Postgres) on a VPS with Nginx.

Looking to build a similar analytics dashboard or SaaS tool?

Contact me about a project