GitWrapped
By
@NEBULA_X
- 4 Devlogs
- 11 Total hours
An interface that displays your github activity, work and other parameters. Inspired by the spotify wrapped design
Ship #1
Pending review
This is a project called GitWrapped. It can turn any GitHub profile into a Spotify wrapped style story. The most challenging things in this project for me were the CSS page CSS errors, positioning was also acting up, I think I had a sort of variable conflict or something, almost pushing my tokens to github which was automatically blocked, but that presented another pushing general issue, I eventually had to create a New repo since trying to fix the old one was too much unnecessary work. Im proud of the fact that I was able to think up an idea and build and deploy a working model all from scratch, thats pretty awesome to me. The software requires a VALID github username (obviously), any other information check out the README!
It would be great if i could get feedback on the project itself from other people, so if you guys dont mind, drop what you think of it.
2h 47m 37s logged
Final devloggggg!!! Im finally done with version one of GitWrapped!!! Honestly this has been one of the most exciting but frustrating projects ive ever done. I spruced up the UI a bit to make it feel more appealing. I added a work history heatmap, downloadable summary card that can be shared with friends, link to the github account the summary is referencing, and a bunch of other tiny fixes/updates.
Deploying was a bit problematic too cause of the GitHub PAT I used, so I had to find a better secure work around. Learning stuff for the first time can be crazy, cause the tiniest of mistakes can cause an error and lead you on wild goose chases lasting hours, my final bug for this project was literally just a single “.”, thats it, I started wondering whats wrong but after a while i was able to discover it. So thats pretty much it for GitWrapped, Hope you guys like it!
5h 34m 17s logged
Javascriptttttttt!!! It was a battle getting everything to work like i intended, when you try fixing something, something else breaks. Well… Ive made the software interactive, it can fetch and display live data from github over the github API.
I also designed an activity heatmap, similar to the one in github to show work. I spent soooooooo much time on debugging, i discovered bugs that i didnt notice during the html and css phase. Visibility toggling, incorrect id syntax in HTML css caching as well too, (although i learned i could disable it later on so…) and screens stacking on each other were some of my major problems. I feel im almost done done, ill just do one last polish and readme as well.
1h 42m 4s logged
Finally done with the CSS for this project (I think)
I learned about a bunch of new css elements and using the :root tag too, which makes it quite a lot easier to make changes. Colour gradients make it look even nicer too. Well, uhmmm… Thats it I guess, dont know what to write anymore, gonna work on the interactivity next
30m 33s logged
And im back again after a long break, this time im working on GitWrapped, spotify wrapped inspired interface. For now ive only built the html code for the frontend. Its supposed to take the username of the github account and pull information about it to be displayed in an interesting format. I actually decided to build this cause a similar situation happened recently where people were trying to show off their accounts, so i thought making a fun in piece of software for doing that would be nice.
The fetching your story… part isnt supposed to be visible btw, its supposed to display after the user has entered A VALID username, ill work on those functionalities next (after the styling obviously)
