gitfame Add screenshot generation feature for social media sharing

Need to add feature for sharing the report as an image on social channels. The Procedure is as follows:

frontend

[x] create a floating share button
[x] use html2canvas to create canvas from the dom
[x] convert canvas to base64 to binary
[ ] send the binary as payload to api.gitfa.me for sharing

Do the frontend part and grab the 500 bounty points.

backend

[ ] add endpoints for receiving the binary data and share (Facebook & Twitter). Issue: https://github.com/hereisnaman/api.gitfa.me/issues/21

May 18 '18 08:05 0xnmn

I would like to take this up. :D Can you assign this to me? I've even tried out something. This is how it looks. I think the CSS has to be modified a bit. canvas

May 19 '18 00:05 dibyadas

@dibyadas great work, yeah it can be because the actual wrapper doesn't have the background set but the body ele. What you can do is create a new virtual element and then change its background, moreover you can also set its width to max container width, I guess its 1200px, so that the ss is same for every device.

May 19 '18 02:05 0xnmn

@hereisnaman is this issue still available ??

May 28 '18 04:05 Logan1x

@Logan1x the server side implementation is remaining and then linking this up with it.

May 28 '18 08:05 0xnmn

server side implementation

not cup of my tea :)

May 28 '18 08:05 Logan1x