How can I show my FCC streaks/contributions on GitHub?

Hey guys,

I’ve spent a lot of time on FCC and I’d like to show it off on GitHub. Is there some way to make it so my contributions on my freeCodeCamp profile show up as contributions in GitHub? It would be cool to show the world what I am working on that way, since GitHub is the location of choice for most developers and recruiters.

Open to ideas here. I don’t imagine there is an integration already, but maybe one could be written so that any submission on fCC exercises or projects automatically creates a repo on GH.

What do you think? Is this possible?

Thanks!

You could create a repo on GitHub with all the solutions you have created for each challenge. There is no auto creation feature available from FCC, but you can post them using the GitHub site or push them from locally created files to the repo. I did something like that for many of the challenges as I was working through them.

1 Like

Randell, thank you.

I think this would be an interesting project to work on: a script or app that can take code from FCC code challenges, save them as local files, and then upload to GitHub using CLI. They might be most appropriate as Gists rather than individual repos or files. I am not sure exactly how to do this but I think it would be useful and people would benefit from it.

Do you think this is possible? If so, how would you do it? The part I am struggling with is how to export content from the web browser to a local file.

I suppose you could create a browser extension for the FCC site and add additional button that when clicked would add a gist with the code, but I think it is just as simple as coping/pasting your working solution into a gist and saving.

1 Like

Ooo, cool idea with the browser extension!

I don’t prefer the idea of pasting it into GH because I want to automate it! And I see this as an opportunity to create something that has never been done before.

Thanks again.

1 Like

@amartincastro Have you seen this?

I like this idea and thought of it when I first started fCC but I went a different direction. I simply made an individual repo for each of my projects and labeled them as fCC projects.

If you have a personal website you could always scrape your freeCodeCamp profile (gently) and add it to your portfolio on your website. I did exactly that (scroll down to the “What I’m Up to Around the Web” section -> https://jonathansexton.me

This is cool man! Love it. What did you use to scrape the profile?

1 Like

I used Node and Puppeteer - it’s a headless browser that gives you just the info instead of all the shiny things you’re used to looking at in a browser.

Here are a few great articles I found very useful when scraping sites (I had never done this before 2019)

Just remember to be gentle with the sites you decide to scrape. Also it would be worth looking into the official API if the site has one. fCC doesn’t currently have an API (it’s in the works) so that’s why I used this method.

If you need a hand don’t hesitate to reach out here or on Twitter (https://twitter.com/jj_goose) and I’ll help however I can :smiley:

2 Likes