{"id":31358277,"url":"https://github.com/nishadkindre/gitflex","last_synced_at":"2025-09-26T21:47:00.966Z","repository":{"id":314757362,"uuid":"1056650343","full_name":"nishadkindre/gitflex","owner":"nishadkindre","description":"Flex your GitHub profile","archived":false,"fork":false,"pushed_at":"2025-09-21T15:25:39.000Z","size":633,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-21T17:30:40.478Z","etag":null,"topics":["analytics","github","open-source","profile","pwa","react","tailwind"],"latest_commit_sha":null,"homepage":"https://gitflexx.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nishadkindre.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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-14T14:31:38.000Z","updated_at":"2025-09-21T15:25:43.000Z","dependencies_parsed_at":"2025-09-14T16:34:10.489Z","dependency_job_id":"362cab07-cd11-4208-95f4-fdd48eb933a8","html_url":"https://github.com/nishadkindre/gitflex","commit_stats":null,"previous_names":["nishadkindre/gitflex"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/nishadkindre/gitflex","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishadkindre%2Fgitflex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishadkindre%2Fgitflex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishadkindre%2Fgitflex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishadkindre%2Fgitflex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nishadkindre","download_url":"https://codeload.github.com/nishadkindre/gitflex/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nishadkindre%2Fgitflex/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277149967,"owners_count":25769492,"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-09-26T02:00:09.010Z","response_time":78,"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":["analytics","github","open-source","profile","pwa","react","tailwind"],"created_at":"2025-09-26T21:47:00.017Z","updated_at":"2025-09-26T21:47:00.960Z","avatar_url":"https://github.com/nishadkindre.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitFlex - Flex 💪 Your GitHub Profile\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./public/gitflex-logo.svg\" alt=\"GitFlex Logo\" width=\"120\" height=\"120\"\u003e\n  \n  \u003ch3\u003eTransform your GitHub profile into a beautiful, professional showcase\u003c/h3\u003e\n  \n  [![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)\n  [![React](https://img.shields.io/badge/React-18+-blue.svg)](https://reactjs.org/)\n  [![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-3+-38B2AC.svg)](https://tailwindcss.com/)\n  [![Vite](https://img.shields.io/badge/Vite-4+-646CFF.svg)](https://vitejs.dev/)\n\n  ![Screenshot_20-9-2025_13364_gitflexx vercel app](https://github.com/user-attachments/assets/acde29eb-2a0d-41fb-9931-a1a12dad7cda)\n\n\n\u003c/div\u003e\n\n## ✨ Features\n\n### 🎨 **Neomorphic Design**\n- Modern, elegant UI with soft shadows and depth\n- Beautiful light and dark themes with smooth transitions\n- Responsive design that works perfectly on all devices\n\n### 📊 **Rich Data Visualization**\n- Interactive contribution graphs and heatmaps\n- Language distribution charts\n- Repository statistics and trends\n- Activity timelines and insights\n\n### ⚡ **Performance First**\n- Lightning-fast loading with intelligent caching\n- Lazy loading and code splitting\n- Optimized bundle size and runtime performance\n- Progressive Web App capabilities\n\n### 🔐 **Privacy Focused**\n- No data collection or tracking\n- Uses only public GitHub API data\n- Completely client-side application\n- Optional GitHub token for higher rate limits\n\n## 🚀 Quick Start\n\n### Prerequisites\n- Node.js 18+ and npm 9+\n- A modern web browser\n- Optional: GitHub Personal Access Token for higher API rate limits\n\n### Installation\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/nishadkindre/gitflex.git\n   cd gitflex\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   ```\n\n3. **Set up environment variables** (optional)\n   ```bash\n   cp .env.example .env\n   # Edit .env and add your GitHub token if needed\n   ```\n\n4. **Start the development server**\n   ```bash\n   npm run dev\n   ```\n\n5. **Open your browser**\n   Navigate to `http://localhost:5173`\n\n## 🛠️ Tech Stack\n\n- **Frontend**: React 18+ with modern hooks\n- **Styling**: Tailwind CSS with custom neomorphism design system\n- **Animation**: Framer Motion for smooth, performant animations\n- **Routing**: React Router for client-side navigation\n- **Charts**: Chart.js with React integration\n- **Icons**: Lucide React for consistent iconography\n- **HTTP Client**: Axios with intelligent caching\n- **Build Tool**: Vite for fast development and optimized production builds\n- **Code Quality**: ESLint + Prettier for consistent code formatting\n\n## 📁 Project Structure\n\n```\ngitflex/\n├── docs/               # Documentation files\n├── public/              # Static assets\n├── src/\n│   ├── components/      # Reusable UI components\n│   │   ├── ui/         # Base UI components\n│   │   ├── common/     # Layout components\n│   │   └── profile/    # Profile-specific components\n│   ├── pages/          # Page components\n│   ├── hooks/          # Custom React hooks\n│   ├── services/       # API services\n│   ├── utils/          # Utility functions\n│   ├── context/        # React contexts\n│   └── main.jsx        # Application entry point\n├── tailwind.config.js  # Tailwind configuration\n└── vite.config.js     # Vite configuration\n```\n\n## 🎯 Usage\n\n1. **Visit the landing page** and enter any GitHub username\n2. **Explore the profile** with beautiful visualizations\n3. **Use filters and search** to find specific repositories\n4. **Toggle between themes** using the theme switcher\n5. **View contribution patterns** and coding statistics\n\n### Example URLs\n- `https://gitflexx.vercel.app/octocat` - View GitHub's mascot profile\n- `https://gitflexx.vercel.app/torvalds` - View Linus Torvalds' profile\n- `https://gitflexx.vercel.app/microsoft` - View Microsoft's organization\n\n## 🔧 Configuration\n\n### Environment Variables\n\nCreate a `.env` file based on `.env.example`:\n\n```env\n# Optional: GitHub Personal Access Token for higher rate limits\nVITE_GITHUB_TOKEN=your_token_here\n\n# API Configuration\nVITE_API_BASE_URL=https://api.github.com\n\n```\n\n### GitHub API Rate Limits\n\n- **Without token**: 60 requests per hour\n- **With token**: 5000 requests per hour\n\nTo get a GitHub token:\n1. Go to [GitHub Settings \u003e Developer Settings \u003e Personal Access Tokens](https://github.com/settings/tokens)\n2. Generate a new token with public repository access\n3. Add it to your `.env` file\n\n## 🚢 Deployment\n\n### Vercel (Recommended)\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/nishadkindre/gitflex)\n\n### Netlify\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/nishadkindre/gitflex)\n\n### Manual Deployment\n\n1. **Build the project**\n   ```bash\n   npm run build\n   ```\n\n2. **Deploy the `dist` folder** to your preferred hosting service\n\n## 🧪 Development\n\n### Available Scripts\n\n```bash\n# Start development server\nnpm run dev\n\n# Build for production\nnpm run build\n\n# Preview production build\nnpm run preview\n\n# Lint code\nnpm run lint\nnpm run lint:fix\n\n# Format code\nnpm run format\nnpm run format:check\n\n# Clean build artifacts\nnpm run clean\n```\n\n### Code Style\n\nThis project uses ESLint and Prettier for consistent code formatting. The configuration follows React best practices and modern JavaScript standards.\n\n## 🎨 Design System\n\nGitFlex uses a custom neomorphic design system built on top of Tailwind CSS:\n\n### Colors\n- **Light Mode**: Soft grays with subtle shadows\n- **Dark Mode**: Deep grays with inner/outer shadows\n- **Accent**: Vibrant blue (#007AFF) and green (#34C759)\n\n### Typography\n- **Headings**: Inter or SF Pro Display\n- **Code**: JetBrains Mono\n- **Body**: Inter with fluid scaling\n\n### Shadows\n- Multiple shadow layers for depth\n- Responsive shadow system\n- Theme-aware shadow colors\n\n## 🤝 Contributing\n\nWe welcome contributions from the community! Please see our [Contributing Guide](CONTRIBUTING.md) for details.\n\n### Quick Contribution Steps\n\n1. Fork the repository\n2. Create a feature branch: `git checkout -b feature/amazing-feature`\n3. Commit your changes: `git commit -m 'Add amazing feature'`\n4. Push to the branch: `git push origin feature/amazing-feature`\n5. Open a Pull Request\n\n## 📝 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- [GitHub API](https://docs.github.com/en/rest) for providing the data\n- [React](https://reactjs.org/) for the amazing framework\n- [Tailwind CSS](https://tailwindcss.com/) for the utility-first CSS framework\n- [Framer Motion](https://www.framer.com/motion/) for beautiful animations\n- [Lucide](https://lucide.dev/) for the icon system\n\n## 📊 Stats\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/stars/nishadkindre/gitflex?style=social\" alt=\"GitHub Stars\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/forks/nishadkindre/gitflex?style=social\" alt=\"GitHub Forks\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/issues/nishadkindre/gitflex\" alt=\"GitHub Issues\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/license/nishadkindre/gitflex\" alt=\"License\"\u003e\n\u003c/div\u003e\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003eMade with ❤️ by Nishad Kindre\u003c/p\u003e\n  \u003cp\u003e\n    \u003ca href=\"https://gitflexx.vercel.app\"\u003eLive Demo\u003c/a\u003e •\n    \u003ca href=\"https://github.com/nishadkindre/gitflex/issues\"\u003eReport Bug\u003c/a\u003e •\n    \u003ca href=\"https://github.com/nishadkindre/gitflex/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishadkindre%2Fgitflex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnishadkindre%2Fgitflex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishadkindre%2Fgitflex/lists"}