Codefolio

Inspiration

Many Competitive programmers and professional coders find it difficult and frustrating to not be able to include their coding profiles in their resume, hence loosing the chance to showcase their skills. There is a big void for solutions to this problem. This web app is the first to fill that void by providing a coding portfolio making web app. Users can also use the backend web scraping API's directly to fetch their coding profile data.

What it does

This portfolio generator takes 4 usernames as input, namely Codechef, Leetcode, Github and GeeksforGeeks. It then fetches your data from those public profiles using web scraping API's I created using puppeteer. It also fetches Github data from it's public API endpoint. All this data is then combined into a professional portfolio website template which also uses donut charts to visualize their progress. User can share this to a recruiter, visualize their skills, etc.

How we built it

Built using Reactjs, ExpressJs, puppeteer, scss.

Challenges we ran into

It was my first time trying express.js and web scraping. I ran into many hurdles while creating API's. I got first time hands on of web scraping and server creation. I also used donut plots in this portfolio which was a first for me.

Accomplishments that we're proud of

1) Creating a fully functional portfolio generator. Backend and frontend included. 2) Getting a chance to learn backend by working on express.js for first time. 3) Learning web scraping by working on puppeteer. 4) Learning how to plot Graphs, donut charts in Reactjs using recharts library, etc. 5) Providing a fully functional, professional solution to coders round the globe.

What we learned

Express.js, puppeteer, graphing in reactjs, handling and creating API's, web scraping.

What's next for Codefolio

Including more templates for portfolio website. I invite any and all open source contributors for contributing on this project. I would also like to include other coding platforms like Hackerearth, etc.