{"id":31805432,"url":"https://github.com/vsbron/course-react2025-github-users","last_synced_at":"2025-10-11T02:50:19.740Z","repository":{"id":317364139,"uuid":"1066245799","full_name":"vsbron/course-react2025-github-users","owner":"vsbron","description":null,"archived":false,"fork":false,"pushed_at":"2025-09-30T12:38:08.000Z","size":110,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-30T13:18:57.607Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vsbron.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-29T08:19:33.000Z","updated_at":"2025-09-30T12:38:11.000Z","dependencies_parsed_at":"2025-09-30T13:21:09.021Z","dependency_job_id":"4169c362-18ac-4ca1-a822-9e1802b9b334","html_url":"https://github.com/vsbron/course-react2025-github-users","commit_stats":null,"previous_names":["vsbron/course-react2025-github-users"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/vsbron/course-react2025-github-users","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vsbron%2Fcourse-react2025-github-users","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vsbron%2Fcourse-react2025-github-users/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vsbron%2Fcourse-react2025-github-users/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vsbron%2Fcourse-react2025-github-users/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vsbron","download_url":"https://codeload.github.com/vsbron/course-react2025-github-users/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vsbron%2Fcourse-react2025-github-users/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279005914,"owners_count":26084004,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-11T02:00:06.511Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-10-11T02:50:18.472Z","updated_at":"2025-10-11T02:50:19.735Z","avatar_url":"https://github.com/vsbron.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Search GitHub Users\n\nThis is a web application that allows searching for GitHub users and exploring their profile data.  \nIt leverages **GitHub’s GraphQL API** with Apollo Client for fetching data, and presents results in a clean, responsive UI using **ShadCN** and **Recharts** for data visualization.\n\n---\n\n## Contents\n\n1. [Project Overview](#project-overview)\n2. [Features](#features)\n3. [Main Page Description](#main-page-description)\n4. [Technical Details](#technical-details)\n5. [Live Version](#live-version)\n\n---\n\n## Project Overview\n\nSearch GitHub Users provides an interface for quickly finding and exploring GitHub profiles. It includes:\n\n- **Search**: Look up GitHub users by username.\n- **User Data**: View user profile information and repositories.\n- **Data Visualization**: Insights into repository stats, languages, and popularity using Recharts.\n- **Modern UI/UX**: A responsive interface powered by ShadCN components, with Skeleton loaders for smooth data fetching.\n\n---\n\n## Features\n\n- **User Search**: Enter a username to fetch GitHub profile info via GraphQL.\n- **Profile Display**: View user bio, avatar, follower stats, and more.\n- **Repository Insights**:\n  - Most popular repositories by stars\n  - Most forked repositories\n  - Language usage breakdown\n- **Charts \u0026 Graphs**: Recharts integrated with ShadCN chart components.\n- **Loading States**: Skeleton UI for a smooth experience while fetching data.\n- **Responsive Design**: Optimized for both desktop and mobile.\n\n---\n\n## Main Page Description\n\n- **Search Bar**: Input field to search for any GitHub user.\n- **Profile Section**: Displays avatar, username, bio, follower/following counts.\n- **Repositories Section**: Shows lists of most starred and forked repos.\n- **Charts Section**: Visualizes top languages and repository distribution.\n- **Loading State**: Skeleton components while data is fetched.\n\n---\n\n## Technical Details\n\n- **Framework**: React\n- **Data Layer**: Apollo Client with GitHub GraphQL API\n- **UI Library**: ShadCN/UI\n- **Charts**: Recharts + ShadCN Chart components\n- **Styling**: Tailwind CSS\n- **State Management**: Apollo cache\n\n---\n\n## Live Version\n\nhttps://vsbron-react2025-search-github-users.netlify.app/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvsbron%2Fcourse-react2025-github-users","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvsbron%2Fcourse-react2025-github-users","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvsbron%2Fcourse-react2025-github-users/lists"}