Let's build YouTube clone with Deepgram๐Ÿค– using React-JS ๐Ÿฑโ€๐Ÿ’ป๐Ÿ”ฅ

Jackson Kasi - Apr 6 '22 - - Dev Community

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/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .