CODESEEDSign in
Explore projects
JavaScriptintermediateai

Voice Note Transcriber

Web application that records audio from the microphone, transcribes with Whisper API, organizes notes, and generates summaries.

5 steps
Sign in to claim this project

Project steps

  1. 01

    Recording

    MediaRecorder API for WAV audio capture, real-time waveform visualization.

  2. 02

    Transcription

    Sends audio blob to OpenAI Whisper API, receives text.

  3. 03

    Editor transcript

    Manual editing of the transcription with word timestamps.

  4. 04

    Organization

    Notes with auto-generated title, tags, and folders in IndexedDB.

  5. 05

    AI Summaries

    Summarize button: sends transcription to GPT-4o-mini for bullet points.

Recommended resources

Ready to build this?

Fork the repo on GitHub and start building. A mentor will review your code when you open a PR.

5 steps

Tech stack

ReactWeb Audio APIOpenAI Whisper APIIndexedDBTailwind