Ecoscript

Built the complete React.js frontend from scratch for audio recording, transcription, AI-generated summaries, and content management, integrating REST APIs and reusable components.

A recording passes through capture, processing, and review before it becomes usable documentation. Users need to see its current state and find the associated transcript and summary without losing context.

I built the React frontend from scratch, developing reusable components for browser recording, transcription, AI-generated summaries, and content management. REST API integrations connect processing results with transcript editing and data synchronization. My contribution was the application interface and its integrations; the audio-processing and summary services are external to that frontend work.

• Browser recording

  Capture and manage audio directly in the application.

• Transcript review

  View, edit, and manage transcripts after processing.

• Documentation summaries

  Manage summaries alongside their recordings and transcripts.

• Role-based access

  Control which recordings, transcripts, and summaries a user can access.

I integrated browser recording with transcript and summary management so users could complete the workflow in one application. This required handling microphone permissions, recording states, and failures alongside the review interface.

Clinical teams can move from recording to reviewing documentation in one application, with access controlled by role.

• Microphone Permissions Belong in the Recording State Machine →
• Six States Every Browser Audio Recorder Should Handle →
• From Audio to Insight: ASR and Diarization Pipelines →