Back to Projects
May 2023 - March 2025 • Web App

Employee Engagement & AI Insights Platform

Frontend engineer on a B2B SaaS platform for employee recognition, incentives, meetings, and AI-powered workplace insights with a major V3 UI redesign.

B2B SaaS platform that evolved from employee engagement and recognition into a unified AI agent platform for workplace collaboration, tool integrations, and usage analytics

Project Overview

Served as a frontend engineer on a B2B SaaS platform for employee engagement, recognition, and AI-powered workplace insights. Over nearly two years, contributed across three major phases: building the incentives platform, maintaining the product through a transition period, and leading a comprehensive V3 UI redesign with AI chat features.

The Product

The platform helps organizations drive employee engagement through:

  • Recognition & Incentives: Monetary and non-monetary awards, triggers based on employee activities, and configurable funding rules
  • Meetings & Topics: Meeting tracking with attendees, durations, recurring schedules, and topic-based organization
  • People & Teams: People directory with reporting relationships, team management, and custom report generation
  • AI Insights: Enterprise AI chat for workplace analytics, daily briefings, and data-driven recommendations
  • Settings & Admin: Self-service billing, organization management, module configuration, and user administration

Technical Architecture

Frontend (Next.js Monorepo)

The primary application is a Next.js frontend within a monorepo:

  • Framework: Next.js 15 with React and TypeScript
  • Styling: Tailwind CSS for utility-first styling
  • Data Fetching: React Query for server state management
  • State Management: Zustand for client state
  • Forms: React Hook Form with resolver-based validation
  • UI Primitives: Headless UI for accessible component foundations
  • Visualization: ECharts for data charts and analytics dashboards
  • Monitoring: Sentry for error tracking, Datadog RUM for performance

Backend Integration

  • API Server: Node.js/TypeScript with Express and Inversify dependency injection
  • Auth: Firebase authentication
  • Billing: Stripe integration for self-service subscriptions
  • AI: Anthropic and Google Vertex AI SDKs for enterprise chat features

Key Contributions

Phase 1: Incentives Platform (May - September 2023)

Built the core employee incentives and recognition system from the ground up:

  • Awards System: Created non-monetary award screens, badge/status award icons, award duplication, funding rules, earnings details, and cash-out flows
  • Triggers & Programs: Built trigger table views, create/edit/detail modals, qualifying time configurations (rolling and activity-based), and program state management
  • Groups & Segments: Developed group management with tables, create forms, detail/edit views, and segment-based eligibility
  • End-User Dashboard: Built the employee-facing dashboard with branding, featured cards, and configurable home page
  • Data Integration: Integrated external data connector for importing employee activities from third-party systems

Phase 2: V3 UI Redesign (November 2024 - March 2025)

Led a major UI redesign across multiple feature areas, building a consistent V3 component system:

  • People Page: New V3 layout with table, search, favorites sidebar, individual report drawers, action dropdowns, and date filtering
  • Custom Reports: Redesigned page with table headers, drawers, follow/unfollow functionality, and action dropdowns
  • Meetings: New meetings page with attendee lists, duration cells, recurring meeting navigation with keyboard arrow keys, and upcoming meetings view
  • Teams: Redesigned teams page with team drawers, type display, action dropdowns, and arrow navigation between teams
  • Topics: New topics page with topic cards, edit drawers, and feature flag gating

V3 Component Library

Created a reusable component system shared across all V3 pages:

  • Layout: V3PageWithStickyHeader, V3Layout, V3Main, V3PageHeader for consistent page structure
  • Data Display: Table component, search fields, name cells, duration cells, date cells
  • Interaction: EllipsisDropdownMenu, DropdownMenu, CreateNewMenu for consistent action patterns
  • Dialogs: FollowMoreDialog (for people, teams, topics), V3BaseModal with confirmation support
  • Navigation: Complete V3 sidebar with configurable nav items and icons

AI Chat Features

Built the AI-powered chat experience with enterprise controls:

  • Chat UI: Visual updates, scrolling fixes, keyboard shortcuts, data sources dropdown, chat action sidebar, and history sidebar
  • Mini Chat: Built complete MiniChat component system with container, header, prompt controls, type selection, and live notetaker integration
  • Enterprise Controls: EnterpriseTextarea, PromptSuggestions with feature flags, model/source selection dropdowns
  • Prompt Architecture: Extracted PromptTextarea from PromptInputV2, integrated enterprise features with input padding and keyboard handling

Daily Briefing

Implemented a new Daily Briefing feature for personalized workplace summaries:

  • Sidebar integration with focus view
  • Refactored useDailyBriefing hook to use React Query for proper caching and refetching
  • Date picker with named ranges and conditional rendering based on data availability

Infrastructure & Upgrades

  • Upgraded Node.js to 22.x across all services in the monorepo
  • Updated Next.js from 15.1.7 to 15.2.3
  • Settings UI pages for general settings, modules, data, billing, users, and org chart

Technologies

Next.js React TypeScript Tailwind CSS React Query Zustand React Hook Form Headless UI ECharts Firebase Stripe Sentry Datadog Node.js

Key Highlights

  • Led V3 UI redesign across People, Custom Reports, Meetings, Teams, and Topics pages with new table systems, drawers, and navigation
  • Built AI chat experience with enterprise prompt controls, model selection, data source configuration, and mini-chat interface
  • Shipped full incentives platform including awards, triggers, funding rules, qualifying times, groups, and end-user dashboard
  • Created Daily Briefing feature with React Query integration, date range picker, and conditional rendering
  • Developed reusable V3 component library including sticky headers, search fields, dropdown menus, modals, and follow dialogs