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)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

AWS GenAI LIVE!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. โค๏ธ