{"id":18802377,"url":"https://github.com/sozenka/vizhub","last_synced_at":"2026-04-11T01:53:53.612Z","repository":{"id":240884810,"uuid":"803678998","full_name":"sozenka/VizHub","owner":"sozenka","description":"VizHub is a modern web application designed to provide an elegant and user-friendly way to view detailed GitHub profile information and repository data. Built with React for the frontend and Node.js for the backend, VizHub displays user profiles with key details and visualizes repository language usage through interactive charts.","archived":false,"fork":false,"pushed_at":"2024-05-21T17:14:32.000Z","size":2644,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-21T22:08:59.931Z","etag":null,"topics":["app","chartjs","dark","dark-theme","github","nodejs","profile","react","theme","visualization","web"],"latest_commit_sha":null,"homepage":"https://sozenka.github.io/VizHub/","language":"CSS","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/sozenka.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}},"created_at":"2024-05-21T07:26:38.000Z","updated_at":"2024-05-21T17:15:58.000Z","dependencies_parsed_at":"2024-05-21T09:05:12.538Z","dependency_job_id":"ac739b23-fb6b-4abb-bec2-6279137a7e4a","html_url":"https://github.com/sozenka/VizHub","commit_stats":null,"previous_names":["sozenka/vizhub"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sozenka/VizHub","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sozenka%2FVizHub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sozenka%2FVizHub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sozenka%2FVizHub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sozenka%2FVizHub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sozenka","download_url":"https://codeload.github.com/sozenka/VizHub/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sozenka%2FVizHub/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271808697,"owners_count":24825557,"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-08-24T02:00:11.135Z","response_time":111,"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":["app","chartjs","dark","dark-theme","github","nodejs","profile","react","theme","visualization","web"],"created_at":"2024-11-07T22:27:44.776Z","updated_at":"2026-04-11T01:53:49.319Z","avatar_url":"https://github.com/sozenka.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# VizHub\n\nVizHub is a sleek and modern web application that allows you to view detailed GitHub profile information and repository data in a visually appealing way. The application uses React for the frontend and Node.js for the backend, and it incorporates Chart.js to display repository language usage in a pie chart.\n\nMade by SOZENKA !\n\n## Features\n\n- **GitHub Profile Viewer**: Enter a GitHub username to fetch and display the user's profile information, including their avatar, bio, followers, following, public repositories, location, company, and blog.\n- **Repository Language Usage Chart**: View a pie chart displaying the languages used in the user's public repositories.\n- **Responsive Design**: The application is fully responsive and looks great on all devices.\n- **Modern UI**: The design features a dark theme with a modern and minimalist aesthetic, using the 'Monument Extended' font for a unique look.\n\n## Technologies Used\n\n- **Frontend**: React, Chart.js, CSS (Flexbox)\n- **Backend**: Node.js, Express\n- **API**: GitHub REST API v3\n\n## Installation\n\n1. **Clone the repository**:\n    ```sh\n    git clone https://github.com/yourusername/vizhub.git\n    cd vizhub\n    ```\n\n2. **Install server dependencies**:\n    ```sh\n    npm install\n    ```\n\n3. **Navigate to the client directory and install dependencies**:\n    ```sh\n    cd client\n    npm install\n    ```\n\n4. **Build the React application**:\n    ```sh\n    npm run build\n    ```\n\n5. **Navigate back to the root directory**:\n    ```sh\n    cd ..\n    ```\n\n6. **Run the application**:\n    ```sh\n    npm run dev\n    ```\n\n## Usage\n\n1. Open your web browser and go to `http://localhost:3000`.\n2. Enter a GitHub username in the input field and click \"Fetch Profile\".\n3. View the user's profile information and repository language usage chart.\n\n## Contributing\n\nIf you would like to contribute to VizHub, please fork the repository and submit a pull request. We welcome any improvements, bug fixes, and new features.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.\n\n## Contact\n\nFor any inquiries or feedback, please contact [Sozenka](mailto:yasserhoriarts@gmail.com).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsozenka%2Fvizhub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsozenka%2Fvizhub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsozenka%2Fvizhub/lists"}