Github Profile Finder

• 

  Profile Page

• 

  Home Page

Inspiration

I've always wanted to experiment with APIs and advanced Javascript ES6 concepts, so I created this project.

What it does

GitHub Profile Finder is a web application that uses the GitHub API to retrieve user data from the GitHub database and display it, including the number of public repositories, forks, followers, and bio.

How I built it

This website is built using HTML5, CSS, Javascript Fundamentals, DOM Manipulation, ES6 features, Fetch API and JavaScript Promises.

Challenges I ran into

The primary issue I experienced throughout the making of this app was the API. I was not aware of how to use an API and also how to read documentation efficiently, but in the end, I managed to accomplish this project with the help of numerous resources.

Accomplishments that I am proud of

As I previously stated, I was unfamiliar with API concepts, and this project provided me with the opportunity to learn more about them. So this is definitely an accomplishment for me that I am proud of.

Application features are as below:

• Search GitHub Profile
• Showing Github Profile along with Git Repos list

In addition, during this 24-hour hackathon, I was able to launch my web app as a website.

What I learned

I learned how to utilize my coding knowledge in different languages, like HTML, CSS, and JavaScript, to solve problems I had on the front end.

I learnt about the async-await concept in JavaScript, fetching data using the GitHub API, etc.

Most importantly, I learnt not to be discouraged when confronted with technological difficulties and to explore ideas until I reach an agreement I am satisfied with because the outcome will be worthwhile.

What's next for Github Profile Finder

I plan to expand the functionality by utilizing new Javascript frameworks such as React and adding features such as stars, organizations, and the most recent contribution activities.

Built With

• github-api