ON HOLDFrontend DeveloperOngoing

PulsePad

⊞ zoom
Subscription Plan
⊞ zoom
Upload Recording
⊞ zoom
Welcome screen
⊞ zoom

Recording dashboard

1 / 4

// Overview

PulsePad is a healthtech platform built for healthcare professionals to record patient consultations and receive AI-generated structured reports. The audio pipeline runs RecordRTC capture through FFmpeg WASM encoding before upload, with SignalR WebSockets streaming real-time transcription status back to the client. The app covers the full product lifecycle: Auth0-powered onboarding, TipTap rich-text report editing, a library of saved recordings, and a Stripe-integrated subscription flow with monthly/yearly plans, checkout sessions, and customer portal access.

// Tech Stack

Frontend

React 18TypeScriptTailwind CSSRadix UIRedux ToolkitReact Hook FormTipTapWaveSurfer.js

Backend

Auth0StripeSignalRAxios

Tooling

FFmpeg WASMRecordRTCi18next

// Tags

ReactTypeScriptAuth0StripeSignalRFFmpeg

FIELD NOTES

01

Built the full audio pipeline: RecordRTC capture → pause/resume controls → FFmpeg WASM encoding → upload to backend

02

Integrated Microsoft SignalR for real-time transcription status updates streamed directly into the UI

03

Implemented TipTap-based rich text editor for reviewing and editing AI-generated consultation reports

04

Wired up Stripe checkout sessions, plan switching, and customer portal for monthly/yearly subscription management

05

Integrated Auth0 for authentication and built the onboarding flow for new healthcare professional accounts

06

Added multi-language support with i18next, persisted via localStorage

PulsePad | Blerion Muco