Add screenshot generation feature for social media sharing

thenamankumar / gitfame

A Github contributions analyser

https://gitfa.me

Other

131 stars 22 forks source link

Add screenshot generation feature for social media sharing #41

Open thenamankumar opened 6 years ago

thenamankumar commented 6 years ago

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

dibyadas commented 6 years ago

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

thenamankumar commented 6 years ago

@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.

Logan1x commented 6 years ago

@hereisnaman is this issue still available ??

thenamankumar commented 6 years ago

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

Logan1x commented 6 years ago

server side implementation

not cup of my tea :)