Github User Information

Short Description

In this project, I developed a browser-based discovery tool that fetches GitHub user data and displays it with profile information, featured repositories, and language distribution.

Problem

When examining GitHub users, essential profile, repository quality, and technical stack information is typically scattered across different screens. This project focused on making this information more quickly readable within a single interface.

Solution

I structured the application with a modular design. Within github.js, I handle GitHub REST API calls to fetch user information and repositories, calculate language distribution from the last 20 repositories, and sort the repository list by total stars and forks. The ui.js module is responsible for creating the profile card, language bar, and featured repository section. storage.js manages recently searched users in localStorage, making them accessible again.

Result

The outcome is a simple yet information-rich GitHub profile inspection tool that can be opened directly in the browser without any setup. Although a small-scale project, it clearly demonstrates API integration, client-side data processing, and a modular JavaScript architecture.

Technologies

HTML5, CSS3, JavaScript, GitHub REST API, Font Awesome, localStorage

Installation