Giter VIP home page Giter VIP logo

video-service-component's Introduction

Project Name

This is the repo for the HR RPT10 FEC Project on the Twitch.TV Video Service. This repo renders the video player and video collection to the page.

Related Projects

Table of Contents

  1. Usage
  2. Requirements
  3. Development

Usage

To get a better understanding of how you can create a video service module for Twitch.tv. This repo will render the first video in the sample collection to the DOM. The collection can also be accessed by adding '/videosAll' to the end of the path.

Requirements

An nvmrc file is included if using nvm.

  • Node v11.6.0

Development

Installing Dependencies

From within the root directory:

-npm install

Setup

Initialize Webpack

-npm run build

Postgresql & Server Instructions:

Install after running npm install

brew install postgresql

Connect to default database:

psql postgres

Create a new role:

CREATE ROLE taco WITH LOGIN PASSWORD 'tuesday';

Allow the new role, taco, to create databases:

ALTER ROLE taco CREATEDB;

Create the database:

CREATE DATABASE twitchvid;

Connect to the new database:

\c twitchvid

Create tables and start server:

npm start

To seed sample data into the database, in another terminal window run:

npm run seed

Helpful psql command tips can be found here:

https://gist.github.com/Kartones/dd3ff5ec5ea238d4c546

Making API Calls to Twitch.tv

-Go to dev.twitch.com and sign up for a new account -Locate your client-ID with the instructions provided on the website -Follow the API instructions for more info on how to obtain specific sets of data. Here is one example of obtaining data from a Twitch Streamer:

  curl -H 'Client-ID: <ClientID Here>' \
-X GET 'https://api.twitch.tv/helix/videos?user_id=19070311&first=100'

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.