{"id":27134703,"url":"https://github.com/push4ck/githubprofileanalyzer","last_synced_at":"2026-05-04T11:31:25.084Z","repository":{"id":286582260,"uuid":"961850148","full_name":"Push4ck/GitHubProfileAnalyzer","owner":"Push4ck","description":"React app for GitHub profile analysis and visualization.","archived":false,"fork":false,"pushed_at":"2025-04-07T09:15:51.000Z","size":51,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T10:24:03.216Z","etag":null,"topics":["reactjs","shadcn-ui","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","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/Push4ck.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":"2025-04-07T09:05:38.000Z","updated_at":"2025-04-07T09:15:54.000Z","dependencies_parsed_at":"2025-04-07T10:34:11.156Z","dependency_job_id":null,"html_url":"https://github.com/Push4ck/GitHubProfileAnalyzer","commit_stats":null,"previous_names":["push4ck/githubprofileanalyzer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Push4ck%2FGitHubProfileAnalyzer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Push4ck%2FGitHubProfileAnalyzer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Push4ck%2FGitHubProfileAnalyzer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Push4ck%2FGitHubProfileAnalyzer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Push4ck","download_url":"https://codeload.github.com/Push4ck/GitHubProfileAnalyzer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247755590,"owners_count":20990626,"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","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":["reactjs","shadcn-ui","tailwindcss","typescript"],"created_at":"2025-04-08T00:49:18.859Z","updated_at":"2025-10-05T06:05:22.954Z","avatar_url":"https://github.com/Push4ck.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitHub Profile Analyzer\n\nA React application designed to analyze GitHub profiles, providing insights into repository information and commit activity. Features a user-friendly light/dark mode toggle and a clean, professional interface.\n\n![light](https://github.com/user-attachments/assets/09b4eec7-ac52-4152-990b-57a084aeef85)\n![dark](https://github.com/user-attachments/assets/95e31510-aa50-4147-b865-990b8ef1ff55)\n\n## Table of Contents\n\n- [GitHub Profile Analyzer](#github-profile-analyzer)\n  - [Table of Contents](#table-of-contents)\n  - [Project Overview](#project-overview)\n  - [Prerequisites](#prerequisites)\n  - [Installation](#installation)\n  - [Development](#development)\n  - [Production Build](#production-build)\n  - [Deployment](#deployment)\n    - [Netlify](#netlify)\n    - [GitHub Pages](#github-pages)\n  - [Dependencies](#dependencies)\n  - [Contributing](#contributing)\n\n## Project Overview\n\nThis application leverages the GitHub API to fetch and display detailed information about a user's repositories and commit history. It's built with React, styled with Tailwind CSS, and utilizes libraries like Recharts for data visualization and Framer Motion for smooth animations.\n\n## Prerequisites\n\nBefore proceeding, ensure you have the following installed:\n\n- **Node.js**: (Recommended version \u003e= 14) Download from [nodejs.org](https://nodejs.org/).\n- **npm** or **Yarn**: (npm is included with Node.js; Yarn can be installed from [yarnpkg.com](https://yarnpkg.com/)).\n\n## Installation\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/Push4ck/GitHubProfileAnalyzer.git\n   cd GitHubProfileAnalyzer\n   ```\n\n2. **Install dependencies:**\n\n   Using npm:\n\n   ```bash\n   npm install\n   ```\n\n   Or using Yarn:\n\n   ```bash\n   yarn install\n   ```\n\n## Development\n\nTo run the application in development mode:\n\nUsing npm:\n\n```bash\nnpm run dev\n```\n\nOr using Yarn:\n\n```bash\nyarn dev\n```\n\nOpen your browser and navigate to `http://localhost:5173/` (or the port specified in your console).\n\n## Production Build\n\nTo build the application for production:\n\nUsing npm:\n\n```bash\nnpm run build\n```\n\nOr using Yarn:\n\n```bash\nyarn build\n```\n\nThe production-ready build will be located in the `dist` folder.\n\n## Deployment\n\n### Netlify\n\n1. **Create a Netlify account** and log in.\n2. **Connect your GitHub repository** to Netlify.\n3. **Configure build settings:**\n   - **Build command:** `npm run build` or `yarn build`\n   - **Publish directory:** `dist`\n4. **Deploy your site.** Netlify will automatically build and deploy your application.\n\n### GitHub Pages\n\n1. **Add `homepage` field** to `package.json`. Replace `\u003cusername\u003e` with your GitHub username (Push4ck) and `\u003crepo-name\u003e` with the repository name (GitHubProfileAnalyzer):\n\n   ```json\n   \"homepage\": \"https://Push4ck.github.io/GitHubProfileAnalyzer/\"\n   ```\n\n2. **Install `gh-pages` as a dev dependency:**\n\n   Using npm:\n\n   ```bash\n   npm install gh-pages --save-dev\n   ```\n\n   Or using Yarn:\n\n   ```bash\n   yarn add gh-pages --dev\n   ```\n\n3. **Add deploy scripts** to `package.json`:\n\n   ```json\n   \"scripts\": {\n       \"predeploy\": \"npm run build\",\n       \"deploy\": \"gh-pages -d dist\",\n       \"dev\": \"vite\",\n       \"build\": \"tsc \u0026\u0026 vite build\",\n       \"lint\": \"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0\",\n       \"preview\": \"vite preview\"\n   }\n   ```\n\n4. **Deploy to GitHub Pages:**\n\n   Using npm:\n\n   ```bash\n   npm run deploy\n   ```\n\n   Or using Yarn:\n\n   ```bash\n   yarn deploy\n   ```\n\n5. **Enable GitHub Pages** in your repository settings:\n\n   - Go to your repository settings.\n   - Navigate to the \"Pages\" section.\n   - Select the `gh-pages` branch as the source.\n\n   Your site will be deployed to `https://Push4ck.github.io/GitHubProfileAnalyzer/`.\n\n## Dependencies\n\n- **React**: JavaScript library for building user interfaces.\n- **Tailwind CSS**: Utility-first CSS framework.\n- **Lucide React:** Beautifully simple, pixel-perfect icons.\n- **Recharts**: Redefined chart library built with React and D3.\n- **Framer Motion**: Motion and animation library for React.\n- **@/components/ui/\\***: Custom UI components.\n- **@/services/githubApi**: API handling functions.\n- **@/types/github**: TypeScript type definitions.\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpush4ck%2Fgithubprofileanalyzer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpush4ck%2Fgithubprofileanalyzer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpush4ck%2Fgithubprofileanalyzer/lists"}