DEV Community

Cover image for Let's build YouTube clone with Deepgram🤖 using React-JS 🐱‍💻🔥
Jackson Kasi
Jackson Kasi Subscriber

Posted on • Edited on

4 2

Let's build YouTube clone with Deepgram🤖 using React-JS 🐱‍💻🔥

YouTube Clone with Deepgram AI🤗


Overview of My Submission: 👀

Let me tell you simply about this :)

  • It is built on React-JS using YouTube API and Deepgram.

  • It has voice search and video subtitles option.

  • Also it will provide videos accordingly depending on your location.
    (For this you need to disable ad blocker. Default location IN)


Submission Category: 🎊

Accessibility Advocates


Technologies Used:🛠

  • React JS
  • Axios
  • luxon
  • Redux
  • Deepgram API
  • YouTube Data API v3
  • react-youtube

GitHub: 👨‍💻

YouTube Clone with Deepgram AI Speech Recognition 🐱‍💻

img

Overview: 👀

see youtube video 📺

Let me tell you simply about this :)

  • It is built on React-JS using YouTube API and Deepgram.

  • It has voice search and video subtitles option.

  • Also it will provide videos accordingly depending on your location. (For this you need to disable ad blocker. Default location IN)


Deployment commands 🔧

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

git clone https://github.com/jacksonkasi0/youtube-clone.git
Enter fullscreen mode Exit fullscreen mode

Change directory to the pattern directory:

cd youtube-clone
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 & YouTube api key on .env

REACT_APP_DEEPGRAM_SECRET_API_KEY=< secret-key >

REACT_APP_YOUTUBE_API_KEY=< secret-key >

npm start
Enter fullscreen mode Exit fullscreen mode

happy coding 🤗🎉


Web link 🔗:

Read more 📖:

About this application 🧐:

YOUTUBE VIDEO : https://youtu.be/SlYDWTLyJLU




LIVE DEMO: ✨

click me 😸

web link: https://youtupe.netlify.app/

Top comments (0)