Git Product home page Git Product logo

project-tables's Introduction

HI!

This makes a website with tables showing the PRs and Issues associated with a project (through it's label on GitHub).

How

A Script and the GitHub API

A script (index.js) uses the GitHub API and goes through x repos looking for x labels (provided by two arrays within index.js). It then writes a file of all the issues/prs that mactched: issues.json. Then it writes the data as a variable in a .js file, hbs-issues.js, so that I can include it in the HTML file.

Sheetsee and HTML/CSS

The index.html file includes the hbs-issues.js file so that I can feed all the data into sheetsee.js (SHEETSEE!) and generate the tables.

Build

Get Tokenized

You're going to need generate a token and have access to GHE. Go to github.com, click Account Settings -> Applications. Click Generate new token. Copy that token and add it your .profile like so:

# get to the root
$ cd
# list files
$ ls -a
# do you have .profile or .bash_profile?
$ atom .profile
# or
$ atom .bash_profile

On its own line, add the token variable and save the file:

export GHTOKEN='RANDOMNUMBERSANDLETTERS'

Build and Deploy

# clone the repo
$ git clone https://ghe.io/jlord/project-tables.git
# go there!
$ cd project-tables
# install the modules needed
$ npm install
# build and deploy FTW
$ npm run build
$ npm run deploy
# open it
$ open index.html

Tada!

Once You're Set Up

You'll only need to:

$ npm run build
$ npm run deploy

project-tables's People

Stargazers

Angus H. avatar Robert Chiniquy avatar

Watchers

James Cloos avatar  avatar

project-tables's Issues

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.