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

amartincastro · March 13, 2019, 9:33pm

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!

amartincastro · March 13, 2019, 10:06pm

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.

amartincastro · March 13, 2019, 10:38pm

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.

Roma · March 14, 2019, 12:48am

@amartincastro Have you seen this?

github.com

freeCodeCamp/freeCodeCamp/blob/master/docs/how-to-setup-freecodecamp-locally.md

# Set up freeCodeCamp locally

Follow these guidelines for getting freeCodeCamp locally on your system. This is highly recommended if you want to be contributing regularly.

Some of the contribution workflows, like previewing pages for the guide or the coding challenges, debugging and fixing bugs in codebase, requires you to have freeCodeCamp running locally.

## Fork the repository on GitHub

['Forking'](https://help.github.com/articles/about-forks/) is a step where you get your own copy of freeCodeCamp's main repository (a.k.a _repo_) on GitHub.

This is essential, because this way you are able to work on your copy of freeCodeCamp on GitHub, or download it for working locally. Later, you will be able to request changes to be pulled into the main repository via a pull request.

> **ProTip:**
> The main repository at `https://github.com/freeCodeCamp/freeCodeCamp` is often referred to as `upstream` repository.
> Your fork at `https://github.com/YOUR_USER_NAME/freeCodeCamp` is often referred to as `origin` repository.

**Follow these steps to fork the `https://github.com/freeCodeCamp/freeCodeCamp` repository:**

1. Go to the freeCodeCamp repository on GitHub: <https://github.com/freeCodeCamp/freeCodeCamp>
2. Click the "Fork" Button in the upper right hand corner of the interface ([More Details Here](https://help.github.com/articles/fork-a-repo/))

This file has been truncated. show original

js-goose · March 14, 2019, 9:58pm

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

amartincastro · March 15, 2019, 5:38pm

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

js-goose · March 15, 2019, 9:04pm

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

Topic		Replies	Views
Github not showing contributions!	9	281	June 18, 2024
Using GitHub with FCC	7	1149	January 16, 2021
freeCodeCamp Not Showing Progress in GitHub freeCodeCamp Support	3	627	June 1, 2021
Where to code outside of FCC? HTML-CSS	3	199	November 23, 2023
How do you personally utilize your github to include the FCC exercises?	9	1649	January 17, 2021

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

Related topics