DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for #GithubWrapped - DO Submission
Ishan Sharma
Ishan Sharma

Posted on

#GithubWrapped - DO Submission

Background

2020 has been a challenging year for all of us.

As the year is ending, I thought to take a look back at all the contributions you as an individual made to the open-source community, during these unprecedented times.

Also since, Spotify has #SpotifyWrapped, Snapchat has #lookback,

Why not something for us, devs!?

That's exactly what motivated me to create this.

What I built

Presenting #GitHubWrapped !

To take a look back at all the contributions you as an individual
made to the open-source community, during these unprecedented times.

How does it work?

Once you navigate to githubwrapped.tech, you'll be prompted to enter your github username after which you can get your own personalized report.

UPDATE !

Over the last few weeks, we've crossed over 2,200 Tweets with the #GitHubWrapped hashtag and over half a million site visits in less than 6 days from the launch.

Category Submission:

Program for the People

App Link

githubwrapped.tech

Screenshots

jiczm42c1f3hw2s4zfyn

Reports

Each github user can generate a year in review report similar to this.

ishandeveloper's-report

Yearly reports contains your stats from the beginning of this year including number of commits, stars etc.

You can also save your report as an image using the 'Save Report' button and share it with the community or keep it as a memorandum :)

Tweet Bot

The celebrations don't end here! We also made our own cute octo-bot on twitter @GitHubWrapped.

Octobot stays awake all day/night to like & retweet all your tweets that use the hashtag #GitHubWrapped.

You can use the 'Share on Twitter' button right on the web app, to share your year in review!

Link to Source Code

In case you'd like to take a look at how I did it, here's a link to the github repository

GitHub logo ishandeveloper / github-wrapped

Take a look back at all the contributions you as an individual made to the open-source community


Generate your report


Why do I exist?

2020 has been a challenging year for all of us.

As the year is ending, we thought to take a look back at all the contributions you as an individual made to the open-source community, during these unprecedented times.

Also, since Spotify, Snapchat and other mass platforms have their own way of year wrap up, why not us?

githubwrapped.tech

Reports

This web app deployed at githubwrapped.tech will help you to generate yearly reports that contains your stats from the beginning of this year.

Including number of commits, stars etc.

Sample GitHub Wrapped Report

You can also save your report as an image using the 'Save Report' button and share it with the community or keep it as a memorandum :)


Project Structure

This project uses React.Js and the contents are bundled using webpack.

The contents in this project follow the following structure.

β”œβ”€β”€β”€api
β”œβ”€β”€β”€public
β”‚   └───assets
└───src
…

Permissive License

MIT

How I built it

I used Digital Ocean's App Platform to

  1. Host the web app, along with the backend API
  2. Host a node.js twitter bot that likes & retweets all #GithubWrapped tweets

Made with πŸ’š for the community :)

Top comments (1)

Collapse
m3_ph3 profile image
PH3N0M3N0L

Dope! πŸ”₯
I saw this trending on twitter a few days ago, Viral stuff 😎

🌚 Life is too short to browse without dark mode