Repository files navigation

Visualize your github profile.

Inspired by Molunerfinn'snode-github-profile-summary

Live at:http://ghprofile.breezymelon.com/

1. Responsive layout
2. Simple and fresh interface
3. Support exporting images

• Vue
• Koa
• Antv/g2
• Melongrid.css
• Github api v4

Take my account as an example, sorry for my poor github data.

1. First you should generate a github personal access token athttps://github.com/settings/tokens

2. Second you have to create a file in the project folder which name isproject.config.json. For example:

{"PORT":8080,"SOCKET_PORT":3000,"JWT_SECRET":"github-profile-chart","IS_STAR_REQUIRED":false,"TOKEN":"yourgithubpersonalaccesstoken"}

• PORT

  backend server port

• SOCKET_PORT

  socket server port

• JWT_SECRET

  any string you like (use for json web token)

• IS_STAR_REQUIRED

  if this field is true, you can only analyze the gist who has starred the repository (Recommend: false)

• TOKEN

  paste your github personal access token here

git clone git@github.com:MrElvin/github-profile-chart.gitcd github-profile-chartnpm install

npm run buildnode app.js

Openhttp://localhost:3000 in your browser.

Enjoy ^_^

MIT