GitHub Repository Gallery

GitHub Repository Gallery is a web application that displays my GitHub profile information and a gallery of my public repositories. Users can click on any repository to see detailed information, including description, default branch, and languages used. The app also includes a search box to filter repositories by name.

Features Fetches and displays my GitHub profile information (avatar, name, bio, location, number of repos) Lists all public repositories

Click on a repository to view detailed info: Repository name Description Default branch Languages used Link to the repo on GitHub Search bar to filter repositories by name in real-time Back button to return to the repository gallery

Technologies Used HTML5 CSS3 JavaScript (ES6+) GitHub REST API

How It Works Fetch Profile Data: On page load, the app fetches the user profile data from the GitHub API and displays it in the profile section.

Fetch Repos: The app fetches all public repositories for the given username, sorted by the most recently updated.

Display Repos: Repositories are displayed as a list. Each repository is clickable.

View Repository Details: Clicking a repository fetches detailed info including languages used and displays it.

Search Repositories: The search input filters repositories in real-time based on user input.

Back Button: Returns from a single repository view to the main repository gallery.

Notes Uses GitHub REST API to fetch live data Designed as a beginner-friendly project to practice DOM manipulation, fetch API, and event handling

Sharok M Beginner JavaScript Project