jpatel98 / transcription-client

Client-side repo for a transcription app that converts user inputted audio to text using a machine learning API.

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 [email protected]: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.