Video Collection App

This app is to collect videos links and store them in video library. It comes with YouTube Search page which allows users to save videos links and info by one button click.
The built-in video play is pretty capable. It can play many different video formats such that users are not bounded to store YouTube videos only. "Add page" is to store non-Youtube link.
"Player" page is pretty fancy with many built-in features including searching videos from library

External sources are MongoDB, Google YouTube API, Google OAuth20,

Add your own MongoDB, create dev.js

/src/config/dev.js

module.exports = {
  mongoURI: 'own mongodb URL'
};

Google API Keys, create .env at root level of project In this repo, root level is /video-collection/client/,

Need two separate keys,

(1) REACT_APP_API_KEY --> key for youtube video search (2) REACT_APP_CLIENT_ID --> client key for Google OAuth2

/video-collection/client/.env

REACT_APP_API_KEY='your own'
REACT_APP_CLIENT_ID='your own'

For Heorku deployment, you need to copy your own keys to Config Vars (in Settings). Make sure you don't surround values with quotation ("").

MONGO_URI             Your own
REACT_APP_API_KEY      Your own
REACT_APP_CLIENT_ID    Your own

To run : npm run dev

Login 'Google OAuth2'

Search Google Youtube Search API

Front End React, Redux, Semantic UI

Back End Node, Express, MongoDB

Screenshots

Home Page

Main Search

Player

Add

Video icon made by smalllikeart from www.flaticon.com is licensed by CC 3.0 BY