DEV Community

Cover image for How to perfectly use Deepgram in React-JS? 😲
Jackson Kasi
Jackson Kasi Subscriber

Posted on • Edited on

How to perfectly use Deepgram in React-JS? 😲

Simple speech recognition AI with Deepgram in React-JS 😁


Overview of My Submission: 👀

React developers' contribution to the Deepgram hackathon was minimal, so I created this.

Also in a lot of projects, does not handle browser audio properly. i.e. once the mic recording is turned on and then I can't turn off it.

I am not criticizing anyone for any project, I just say it could probably help others.
please forgive me if I offended you.

I hope this simple project of mine will help.

I would be very happy if anyone found this project helpful :)


Submission Category: 🎊

Wacky Wildcards


GitHub 👨‍💻

Simple AI Speech Recognition with Deepgram on React-JS 🐱‍💻

img

Deployment commands 🔧

Create a new directory, navigate to that directory in a terminal and clone the GitHub repository

git clone https://github.com/jacksonkasi0/simple-speech-recognition-with-deepgram-in-reactjs.git
Enter fullscreen mode Exit fullscreen mode

Change directory to the pattern directory:

cd simple-speech-recognition-with-deepgram-in-reactjs
Enter fullscreen mode Exit fullscreen mode

From the command line, you should Enter:

npm install 
Enter fullscreen mode Exit fullscreen mode

Past your Deepgram secret key on .env

REACT_APP_DEEPGRAM_KEY=< secret-key >

npm start
Enter fullscreen mode Exit fullscreen mode

happy coding 🤗🎉


Web link 🔗:

https://ai-speech-recognition.netlify.app

Read more 📖:

https://dev.to/jacksonkasi

About this application 🧐:

https://dev.to/jacksonkasi/how-to-perfectly-use-deepgram-in-react-js-1cef

Some life saving info 🤔💭:




Additional Resources / Info 📖

Top comments (2)

Collapse
 
techjmi profile image
MD SHAMIM AKHTER

bro i tried it is not working.... i am getting error like connection failed with websocket..

Collapse
 
jacksonkasi profile image
Jackson Kasi

Hi @techjmi, it was built it, two years ago. I recommend checking the document once, as some things might have changed for the latest version of Deepgram models.