StenoMitra - Stenography Practice Platform

A comprehensive platform for stenographers to practice dictation, take live tests, and track progress - in a single digital environment.

Gallery image 1

Overview

A professional stenography practice platform built to replace scattered, offline preparation with a single, structured digital workflow.

Stenographers preparing for government exams need consistent dictation practice at regulated speeds, instant feedback on accuracy, and a way to measure progress over time. StenoMitra delivers all three.


The Problem

Stenography students in India rely on coaching centers and offline audio recordings for practice. There is no standardized way to practice dictation at exam-level speeds, get accurate results, or compare performance with peers.

  • Practice materials are scattered across WhatsApp groups and local drives.
  • No mechanism exists for real-time feedback on typing accuracy.
  • Students cannot simulate actual exam conditions independently.

The Solution

StenoMitra is a web platform that digitizes the entire stenography practice workflow.

  • Dictation Engine — Audio-based dictation exercises at configurable WPM speeds (60–120+), with real-time playback and submission.
  • Live Tests — Scheduled, timed tests that simulate real exam conditions with registration, countdown, and automatic result release.
  • Accuracy Evaluation — Automated comparison of typed output against original transcription using diff-based algorithms, with word-level error highlighting.
  • Result Analytics — Detailed breakdown of accuracy percentage, error count, speed metrics, and AI-generated performance summaries.
  • Batch System — Coaching centers can organize students into batches with shared dictation folders and progress visibility.
  • Leaderboard — Ranked participant scores per test, driving competitive practice.

How I Built It

  1. Defined core user flow — Listen to dictation audio, type along, submit, get scored.
  2. Built the dictation player — Custom audio player with speed controls, synced with a text input area and submission pipeline.
  3. Implemented scoring logic — Server-side diff matching (Levenshtein + diff-match-patch) to calculate accuracy, errors, and WPM.
  4. Added live test infrastructure — Scheduling system with registration windows, time-gated access, and automatic status transitions (upcoming → live → ended → results released).
  5. Integrated payments — Razorpay for subscription-based access and paid test entries.
  6. Deployed with monitoring — AWS Amplify and Vercel hosting, Sentry for error tracking and performance monitoring.

Tech Stack Used

LayerTechnology
FrameworkNext.js 16 (App Router, Turbopack)
DatabaseSupabase (PostgreSQL)
AuthClerk
PaymentsRazorpay
StorageAWS S3
VideoMux
AIGoogle Generative AI (Gemini)
UITailwind CSS, Radix UI, Framer Motion
MonitoringSentry
HostingVercel, AWS Amplify

Impact and Results

  • Replaced offline practice — Students can now practice at exam-standard speeds from any device, at any time.
  • Live test participation — Multiple students register and attempt scheduled tests simultaneously, simulating real exam pressure.
  • Instant, objective scoring — Automated accuracy evaluation removed manual correction entirely, saving hours per batch.
  • Batch management adopted by coaching centers — Instructors organize and monitor student progress through a single dashboard.
  • PWA support — Installable on mobile devices, making practice accessible without app store distribution.
  • Subscription revenue — Monetized through paid plans and test entries via Razorpay integration.

Website heavily inspired by Chánh Đại.

Learning as I build. Here's the code