Giter VIP home page Giter VIP logo

nts-mix's Introduction

NTS mix

A web app for creating YouTube playlists from NTS mixes.

Getting started

$ git clone [email protected]:tedigc/nts-mix.git
$ yarn
$ yarn start

Enabling YouTube Data API v3

Before you actually start working with YouTube, you'll need to create a project using the Google Developer Console and obtain both an API key and an OAuth Client ID. Follow the steps below to get started.

Creating a project

  1. Head to the Google Developer Console
  2. Create a new project
  3. Ensure your project is selected, and from the menu on the left hand side of the dashboard, select "Library".
  4. Search for "YouTube" and select the result "YouTube Data API v3".
  5. Click "enable" to add it to your project, then return to the dashboard.

Obtaining an API key

  1. Navigate to the "Credentials" page using the menu on the left hand side of the dashboard.
  2. Click the "Create Credentials" button and select "API Key".
  3. Click "Restrict Key" and give your key a sensible name, and apply any restrictions (restrictions aren't necessary but are useful for security purposes)
  4. Save your changes and return to the "Credentials" page

Obtaining an OAuth2 Client ID

  1. Click the "Create Credentials" button and select "OAuth client ID".
  2. Click the "Configure consent screen" button and provide the necessary product name and email address. Click save.
  3. Select "Web Application" as the application type, name your client ID, and apply necessary restrictions.

Linking credentials to code

  1. Create a file config.js in the directory client/src/ and populate it with the following:
export default {
  apiKey: '<YOUR_API_KEY_HERE>',
  clientId: '<YOUR_CLIENT_ID_HERE>'
};

NOTE: Ensure you keep your authorisation credentials out of your version control. Do not remove config.js or either of the build directories from the .gitignore file.


Author: tedigc

nts-mix's People

Contributors

halfcutdev avatar tedigc avatar

Stargazers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.