Skip to content

An app that displays a random selection of videos from the user's YouTube playlists.

Notifications You must be signed in to change notification settings

b-bly/random-youtube

Repository files navigation

Random Youtube

An app that displays a random selection of videos from the user's YouTube playlists. http://random-youtube.herokuapp.com/

app picture

Setup

dev:

http://localhost:4200/api/auth/google/callback

prod:

https://random-youtube.herokuapp.com/api/auth/google/callback

Getting Started

Prerequisites

Configuration

Create oauth credentials through gcp and set them as well as a redirect url and session secret (any string) in a .env file

SESSION_SECRET=string
CLIENT_ID=
CLIENT_SECRET=
REDIRECT_URL=http://localhost:8080/api/auth/google/callback

Installing

Run these commands in the terminal:

npm install

npm run dev

Open a new terminal tab and start the server by running

cd server

npm run dev

The app should automatically open in a browser at the url: localhost:3000

Completed Features

  • Sign in with Google
  • Request playlists and videos from YouTube
  • Make a random selection of a user's videos.
  • Display video thumbnails.
  • Play a video when clicked.

Next Steps

  • Autoplay next video.

Built With

Anuglar 9, Node.js, Express.

Author

Brendt Bly

Acknowledgments

Although this tutorial is for React, it was helpful to see how to set up calling the OAuth endpoint on the server from an tag.

https://hackernoon.com/m-e-r-n-stack-application-using-passport-for-authentication-920b1140a134

About

An app that displays a random selection of videos from the user's YouTube playlists.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published