/github-contributions-mock

Have fun with the Github Contributions Graph!

Primary LanguageJavaScriptMIT LicenseMIT

github-contributions-mock

Hosted Version

Check it out on Glitch!

What is this?

Purely for-fun little app / webpage to mock text and/or emoji appearing in a Github "contributions graph". Uses React + JS + HTML + CSS, and also relies heavily on the Canvas API to convert text characters into a point array format.

Demo

Github-contributions-mock animated demo GIF

Pattern (left-to-right):

pattern demo

TODO

  • Performance could use some improvements
    • Primarily in textToDataArr - I think caching each character would help, but need to fix some bugs to get that to work

Development

  • This project was bootstrapped with Create React App.
    • yarn start
  • I'm using JSDoc for type annotation / JS type checking with VSCode