DEV Community

Cover image for Let's build YouTube clone with DeepgramπŸ€– using React-JS πŸ±β€πŸ’»πŸ”₯
Jackson Kasi
Jackson Kasi

Posted on • Updated on

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/

Discussion (0)