Transcription App - Client

The app uses Assembly AI's API to convert user inputted audio to text, making it easier for everyone from journalists to students to transcribe speech and make notes.

NOTE: This app needs the transcription-server to run in parallel for full functionality

Frontend Stack

Run Locally

Clone the project

  git clone git@github.com:jpatel98/transcription-client.git

Go to the project directory

  cd transcription-client

Install dependencies

  npm install

Start the app

  npm run start

Make a prod build

  npm run build

Environment Variables

To implement Auth0 in this project, you will need to add the following env variables.

REACT_APP_AUTH0_DOMAIN

REACT_APP_AUTH0_CLIENT_ID

Lessons Learned

Lessons learned while building this project.

Divide the problem in smaller chunks.
Learn to get better at time management.
Read documentation before diving in.
Simple is better.

Roadmap

Connect to a database and allow users to save their transcripts.
Enable video transcription and implement a video player on screen.
Create a transcript editor using Draft.js.
Add realtime transcription feature.