[ { "path": ".all-contributorsrc", "content": "{\n \"files\": [\"README.md\"],\n \"imageSize\": 100,\n \"commit\": false,\n \"contributors\": [\n {\n \"login\": \"sarbikbetal\",\n \"name\": \"Sarbik Betal\",\n \"avatar_url\": \"https://avatars2.githubusercontent.com/u/41508422?v=4\",\n \"profile\": \"https://github.com/sarbikbetal\",\n \"contributions\": [\"code\"]\n },\n {\n \"login\": \"Hardik0307\",\n \"name\": \"Hardik Bagada\",\n \"avatar_url\": \"https://avatars3.githubusercontent.com/u/41434099?v=4\",\n \"profile\": \"https://github.com/Hardik0307\",\n \"contributions\": [\"code\"]\n },\n {\n \"login\": \"antonkomarev\",\n \"name\": \"Anton Komarev\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/1849174?v=4\",\n \"profile\": \"https://komarev.com\",\n \"contributions\": [\"plugin\"]\n },\n {\n \"login\": \"KKVANONYMOUS\",\n \"name\": \"Kunal Kumar Verma\",\n \"avatar_url\": \"https://avatars3.githubusercontent.com/u/58628586?v=4\",\n \"profile\": \"https://kkvanonymous.github.io/\",\n \"contributions\": [\"code\"]\n },\n {\n \"login\": \"jaideepghosh\",\n \"name\": \"Jaideep Ghosh\",\n \"avatar_url\": \"https://avatars2.githubusercontent.com/u/3909648?v=4\",\n \"profile\": \"http://jaideepghosh.blogspot.com\",\n \"contributions\": [\"code\"]\n },\n {\n \"login\": \"YashKandalkar\",\n \"name\": \"yash\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/35102959?v=4\",\n \"profile\": \"http://yashkandalkar.github.io\",\n \"contributions\": [\"code\"]\n },\n {\n \"login\": \"abhijit-hota\",\n \"name\": \"Abhijit Hota\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/8116174?v=4\",\n \"profile\": \"https://github.com/abhijit-hota\",\n \"contributions\": [\"code\", \"test\"]\n },\n {\n \"login\": \"Maddoxx88\",\n \"name\": \"Sunit Shirke\",\n \"avatar_url\": \"https://avatars1.githubusercontent.com/u/34238672?v=4\",\n \"profile\": \"https://maddoxx88.github.io/\",\n \"contributions\": [\"code\"]\n },\n {\n \"login\": \"g-savitha\",\n \"name\": \"Savitha Gollamudi\",\n \"avatar_url\": \"https://avatars0.githubusercontent.com/u/31612459?v=4\",\n \"profile\": \"https://www.gsavitha.in\",\n \"contributions\": [\"code\"]\n }\n ],\n \"contributorsPerLine\": 7,\n \"projectName\": \"github-profile-readme-generator\",\n \"projectOwner\": \"rahuldkjain\",\n \"repoType\": \"github\",\n \"repoHost\": \"https://github.com\",\n \"skipCi\": true\n}\n" }, { "path": ".eslintignore", "content": "node_modules/**" }, { "path": ".eslintrc.json", "content": "{\n \"env\": {\n \"browser\": true,\n \"es2021\": true\n },\n \"extends\": [\"plugin:react/recommended\", \"airbnb\", \"prettier\"],\n \"parserOptions\": {\n \"ecmaFeatures\": {\n \"jsx\": true\n },\n \"ecmaVersion\": 12,\n \"sourceType\": \"module\"\n },\n \"plugins\": [\"react\"],\n \"rules\": {\n \"react/forbid-prop-types\": 0\n },\n \"ignorePatterns\": [\"**/*.test.js\"]\n}\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: rahuldkjain\npatreon: # Replace with a single Patreon username\nopen_collective: github-profile-readme-generator\nko_fi: rahuldkjain\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\notechie: # Replace with a single Otechie username\ncustom: ['https://paypal.me/rahuldkjain', 'https://www.buymeacoffee.com/rahuldkjain']\n" }, { "path": ".github/ISSUE_TEMPLATE/bug_report.md", "content": "---\nname: 🐛 Bug Report\nabout: Report a bug in GitHub Profile README Generator\ntitle: '[Bug] '\nlabels: ['bug']\nassignees: ''\n---\n\n## 🐛 Bug Description\n\nA clear and concise description of what the bug is.\n\n## 🔄 Steps to Reproduce\n\n1. Go to [URL or page]\n2. Click on [element]\n3. Fill in [specific fields]\n4. See error\n\n## ✅ Expected Behavior\n\nA clear description of what you expected to happen.\n\n## 📸 Screenshots\n\nIf applicable, add screenshots to help explain your problem.\n\n## 🖥️ Environment\n\n**Desktop:**\n\n- OS: [e.g. macOS, Windows, Linux]\n- Browser: [e.g. Chrome 118, Safari 17, Firefox 119]\n\n**Mobile:**\n\n- Device: [e.g. iPhone 15, Samsung Galaxy S23]\n- OS: [e.g. iOS 17.1, Android 14]\n- Browser: [e.g. Safari, Chrome Mobile]\n\n## 🔧 Additional Context\n\n- Does this happen in incognito/private mode? [Yes/No]\n- Console errors (if any): [Paste console output]\n- Network connectivity: [Good/Slow/Offline]\n\n**Note:** Please test at the current version: https://rahuldkjain.github.io/gh-profile-readme-generator\n\nJoin the **Discord Server** for further discussions.\n\n\n\"GPRG\n\n\nServer Link: https://discord.gg/HHMs7Eg\n" }, { "path": ".github/ISSUE_TEMPLATE/feature-enhancement-request.md", "content": "---\nname: Feature/Enhancement request\nabout: Suggest an idea for this project\ntitle: ''\nlabels: enhancement, hacktoberfest\nassignees: ''\n---\n\n**Is your feature request related to a problem? Please describe.**\nA clear and concise description of what the problem is. Ex. I'm always frustrated when [...]\n\n**Describe the solution you'd like**\nA clear and concise description of what you want to happen.\n\n**Describe alternatives you've considered**\nA clear and concise description of any alternative solutions or features you've considered.\n\n**Additional context**\nAdd any other context or screenshots about the feature request here.\n\nJoin the **Discord Server** for further discussions.\n\n\n\"GPRG\n\n\nServer Link: https://discord.gg/HHMs7Eg\n" }, { "path": ".github/ISSUE_TEMPLATE/feature_request.md", "content": "---\nname: ✨ Feature Request\nabout: Suggest a new feature for GitHub Profile README Generator\ntitle: '[Feature] '\nlabels: ['enhancement']\nassignees: ''\n---\n\n## ✨ Feature Description\n\nA clear and concise description of the feature you'd like to see.\n\n## 🎯 Problem Statement\n\nWhat problem does this feature solve? Is your feature request related to a problem?\n\n## 💡 Proposed Solution\n\nDescribe the solution you'd like to see implemented.\n\n## 🔄 User Flow\n\nDescribe how a user would interact with this feature:\n\n1. User goes to...\n2. User clicks/types...\n3. System responds with...\n\n## 🎨 Design Considerations\n\n- UI/UX requirements\n- Accessibility considerations\n- Mobile responsiveness needs\n- Theme compatibility (dark/light mode)\n\n## 🔧 Technical Considerations\n\n- Performance impact\n- Browser compatibility requirements\n- Dependencies needed\n- Potential breaking changes\n\n## 📋 Alternative Solutions\n\nDescribe alternatives you've considered.\n\n## 📸 Mockups/Examples\n\nIf applicable, add mockups, sketches, or examples from other tools.\n\n## 🎯 Priority\n\n- [ ] Low - Nice to have\n- [ ] Medium - Would improve UX significantly\n- [ ] High - Critical for user workflow\n- [ ] Critical - Blocking current functionality\n\n## 📱 Target Platforms\n\n- [ ] Desktop\n- [ ] Mobile\n- [ ] Tablet\n- [ ] All platforms\n\n---\n\n💬 **Join our Discord** for feature discussions: https://discord.gg/HHMs7Eg\n" }, { "path": ".github/PULL_REQUEST_TEMPLATE.md", "content": "\n\n# 🔄 Pull Request\n\n## 📋 **Type of Change** (check all applicable)\n\n- [ ] 🐛 **Bug Fix** - Fixes an issue without breaking existing functionality\n- [ ] ✨ **Feature** - Adds new functionality\n- [ ] ⚡ **Performance** - Improves performance without changing functionality\n- [ ] ♻️ **Refactor** - Code changes that neither fix bugs nor add features\n- [ ] 📚 **Documentation** - Updates to documentation, comments, or README\n- [ ] 🎨 **Style** - Code style changes (formatting, missing semi-colons, etc.)\n- [ ] 🧪 **Test** - Adding or updating tests\n- [ ] 🏗️ **Build** - Changes to build system or dependencies\n- [ ] 👷 **CI/CD** - Changes to CI/CD workflows\n- [ ] 🔒 **Security** - Security improvements or vulnerability fixes\n- [ ] ♿ **Accessibility** - Improves accessibility compliance\n- [ ] 📱 **Mobile** - Mobile-specific improvements\n- [ ] 🌐 **i18n** - Internationalization changes\n\n## 📖 **Description**\n\n\n\n### **What changed?**\n\n\n\n### **Why was this change made?**\n\n\n\n### **How does this change help users?**\n\n\n\n## 🔗 **Related Issues**\n\n\n\n- Closes #\n- Fixes #\n- Related to #\n\n## 🧪 **Testing & Quality Assurance**\n\n### **Testing Done** (check all applicable)\n\n- [ ] ✅ **Manual testing** - Tested functionality manually\n- [ ] 🧪 **Unit tests** - Added/updated unit tests\n- [ ] 🔄 **Integration tests** - Tested with other components\n- [ ] 📱 **Mobile testing** - Tested on mobile devices\n- [ ] ♿ **Accessibility testing** - Tested with screen readers/keyboard nav\n- [ ] 🌐 **Cross-browser testing** - Tested in multiple browsers\n- [ ] 🎨 **Visual testing** - Checked UI/UX in light/dark themes\n\n### **Test Instructions**\n\n\n\n1.\n2.\n3.\n\n### **Expected Behavior**\n\n\n\n## 📸 **Screenshots/Recordings**\n\n\n\n### **Before**\n\n\n\n### **After**\n\n\n\n## 📋 **Checklist**\n\n### **Code Quality**\n\n- [ ] 🔍 **TypeScript** - No TypeScript errors (`npm run type-check`)\n- [ ] 🧹 **Linting** - No ESLint errors (`npm run lint`)\n- [ ] 🎨 **Formatting** - Code is properly formatted (`npm run format`)\n- [ ] 🏗️ **Build** - Production build succeeds (`npm run build`)\n- [ ] ⚡ **Performance** - No performance regressions introduced\n\n### **Accessibility**\n\n- [ ] ♿ **WCAG Compliance** - Follows WCAG 2.1 AA guidelines\n- [ ] ⌨️ **Keyboard Navigation** - All interactive elements are keyboard accessible\n- [ ] 🔍 **Screen Reader** - Proper ARIA labels and semantic HTML\n- [ ] 🎨 **Color Contrast** - Meets contrast requirements\n- [ ] 🎯 **Focus Management** - Visible focus indicators\n\n### **Mobile & Responsive**\n\n- [ ] 📱 **Mobile Responsive** - Works on mobile devices (320px+)\n- [ ] 🖥️ **Desktop** - Works on desktop (1024px+)\n- [ ] 📐 **Tablet** - Works on tablet sizes (768px+)\n- [ ] 🔄 **Orientation** - Works in portrait and landscape\n\n### **Browser Compatibility**\n\n- [ ] 🌐 **Chrome** - Latest version\n- [ ] 🦊 **Firefox** - Latest version\n- [ ] 🧭 **Safari** - Latest version\n- [ ] 📱 **Mobile Safari** - iOS Safari\n- [ ] 📱 **Chrome Mobile** - Android Chrome\n\n### **Documentation**\n\n- [ ] 📚 **Code Comments** - Added helpful comments for complex logic\n- [ ] 📖 **Documentation** - Updated relevant documentation\n- [ ] 📝 **README** - Updated README if needed\n- [ ] 🔄 **Changelog** - Will be auto-generated from conventional commits\n\n### **Security & Privacy**\n\n- [ ] 🔒 **No Secrets** - No API keys, passwords, or sensitive data exposed\n- [ ] 🛡️ **Input Validation** - Proper validation for user inputs\n- [ ] 🔐 **XSS Prevention** - Protected against XSS attacks\n- [ ] 🍪 **Privacy Compliant** - Follows GDPR/privacy requirements\n\n## 🚀 **Deployment Notes**\n\n\n\n- [ ] **No breaking changes** - Backward compatible\n- [ ] **Database changes** - N/A (static site)\n- [ ] **Environment variables** - No new env vars needed\n- [ ] **Third-party dependencies** - No new external dependencies\n\n## 📝 **Additional Notes**\n\n\n\n## 👀 **Reviewers**\n\n\n\n\n---\n\n**By submitting this PR, I confirm that:**\n\n- ✅ I have read and agree to the [Code of Conduct](https://github.com/rahuldkjain/github-profile-readme-generator/blob/master/CODE_OF_CONDUCT.md)\n- ✅ I have followed the [Contributing Guidelines](https://github.com/rahuldkjain/github-profile-readme-generator/blob/master/CONTRIBUTING.md)\n- ✅ I have used [Conventional Commits](https://github.com/rahuldkjain/github-profile-readme-generator/blob/master/COMMIT_CONVENTION.md) for my commit messages\n- ✅ I have tested my changes thoroughly\n- ✅ My code follows the project's coding standards\n" }, { "path": ".github/config.yml", "content": "# Configuration for new-issue-welcome - https://github.com/behaviorbot/new-issue-welcome\n\n# Comment to be posted to on first time issues\nnewIssueWelcomeComment: >\n Thanks for opening your first issue here! Your contribution means alot. 🙌 Join Discord Server (https://discord.gg/HHMs7Eg) for discussing issues, pull-requests, new features, etc.\n\n# Configuration for new-pr-welcome - https://github.com/behaviorbot/new-pr-welcome\n\n# Comment to be posted to on PRs from first time contributors in your repository\nnewPRWelcomeComment: >\n Thanks for opening this pull request! Make sure you have assigned an issue to this respective PR 😇\n\n# Configuration for first-pr-merge - https://github.com/behaviorbot/first-pr-merge\n\n# Comment to be posted to on pull requests merged by a first time user\nfirstPRMergeComment: >\n Congrats on merging your first pull request🎉! Thanks alot for your contribution. 🙏\n" }, { "path": ".github/workflows/deploy.yml", "content": "name: Build and Deploy\n\non:\n push:\n branches: [master, dev]\n\n# Allow concurrent deployments for different environments\nconcurrency:\n group: 'pages-${{ github.ref }}'\n cancel-in-progress: true\n\njobs:\n build:\n runs-on: ubuntu-latest\n\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n\n - name: Setup Node.js\n uses: actions/setup-node@v4\n with:\n node-version: '20'\n cache: 'npm'\n\n - name: Install dependencies\n run: npm ci\n\n - name: Run type check\n run: npm run type-check\n\n - name: Run linting\n run: npm run lint\n\n - name: Run tests\n run: npm run test\n\n - name: Build application\n run: |\n echo \"Building for branch: ${{ github.ref_name }}\"\n echo \"NODE_ENV: $NODE_ENV\"\n echo \"SURGE_PREVIEW: $SURGE_PREVIEW\"\n npm run build\n env:\n NEXT_PUBLIC_GA_ID: ${{ secrets.NEXT_PUBLIC_GA_ID }}\n NEXT_PUBLIC_REQUIRE_CONSENT: true\n NEXT_PUBLIC_ANONYMIZE_IP: true\n # Set SURGE_PREVIEW for non-master branches to disable basePath\n SURGE_PREVIEW: ${{ github.ref != 'refs/heads/master' && 'true' || '' }}\n\n - name: Upload Pages Artifact (Production)\n if: github.ref == 'refs/heads/master'\n uses: actions/upload-pages-artifact@v3\n with:\n path: ./out\n\n - name: Upload Preview Artifact\n if: github.ref != 'refs/heads/master'\n uses: actions/upload-artifact@v4\n with:\n name: preview-build-${{ github.run_number }}-${{ github.run_attempt }}\n path: ./out\n retention-days: 30\n\n # Production deployment to main GitHub Pages\n deploy-production:\n needs: build\n runs-on: ubuntu-latest\n\n # Only deploy to production from master branch\n if: github.ref == 'refs/heads/master'\n\n permissions:\n pages: write\n id-token: write\n\n environment:\n name: github-pages\n url: ${{ steps.deployment.outputs.page_url }}\n\n steps:\n - name: Deploy to GitHub Pages\n id: deployment\n uses: actions/deploy-pages@v4\n\n # Preview deployment for development branches\n deploy-preview:\n needs: build\n runs-on: ubuntu-latest\n\n # Deploy preview for dev branches (not master, only on direct push)\n if: github.ref != 'refs/heads/master' && github.event_name == 'push'\n\n # Add deployment environment to show URL in GitHub UI\n environment:\n name: preview-${{ github.ref_name }}\n\n steps:\n - name: Calculate sanitized branch name\n id: branch\n run: |\n SANITIZED_BRANCH=$(echo \"${{ github.ref_name }}\" | sed 's/[^a-zA-Z0-9-]/-/g' | tr '[:upper:]' '[:lower:]')\n echo \"sanitized=$SANITIZED_BRANCH\" >> $GITHUB_OUTPUT\n echo \"url=https://gprg-${SANITIZED_BRANCH}.surge.sh\" >> $GITHUB_OUTPUT\n - name: Debug deployment conditions\n run: |\n echo \"GitHub ref: ${{ github.ref }}\"\n echo \"GitHub ref name: ${{ github.ref_name }}\"\n echo \"Event name: ${{ github.event_name }}\"\n echo \"Is master?: ${{ github.ref == 'refs/heads/master' }}\"\n echo \"Is push?: ${{ github.event_name == 'push' }}\"\n echo \"Should deploy?: ${{ github.ref != 'refs/heads/master' && github.event_name == 'push' }}\"\n\n - name: Download Preview Artifact\n uses: actions/download-artifact@v4\n with:\n name: preview-build-${{ github.run_number }}-${{ github.run_attempt }}\n path: ./preview-out\n\n - name: Deploy to Surge.sh (Preview)\n id: deploy\n run: |\n npm install -g surge\n echo \"Deploying preview for branch: ${{ github.ref_name }}\"\n echo \"Sanitized branch name: ${{ steps.branch.outputs.sanitized }}\"\n echo \"Preview URL: ${{ steps.branch.outputs.url }}\"\n surge ./preview-out ${{ steps.branch.outputs.url }} --token ${{ secrets.SURGE_TOKEN }}\n echo \"deployment_url=${{ steps.branch.outputs.url }}\" >> $GITHUB_OUTPUT\n env:\n SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}\n\n - name: Comment PR with Preview URL\n if: github.event_name == 'pull_request'\n uses: actions/github-script@v7\n with:\n script: |\n const previewUrl = '${{ steps.deploy.outputs.deployment_url }}';\n\n github.rest.issues.createComment({\n issue_number: context.issue.number,\n owner: context.repo.owner,\n repo: context.repo.repo,\n body: `🚀 **Preview Deployment Ready!**\\n\\n📱 Preview URL: ${previewUrl}\\n\\n*This preview will be available for 30 days.*`\n });\n\n - name: Create deployment status\n uses: actions/github-script@v7\n with:\n script: |\n const previewUrl = '${{ steps.deploy.outputs.deployment_url }}';\n\n // Create a commit status with the deployment URL\n github.rest.repos.createCommitStatus({\n owner: context.repo.owner,\n repo: context.repo.repo,\n sha: context.sha,\n state: 'success',\n target_url: previewUrl,\n description: `Preview deployed to ${previewUrl}`,\n context: 'deployment/preview'\n });\n\n - name: Update Status Check\n run: |\n echo \"🚀 Preview deployed successfully!\"\n echo \"📱 Preview URL: ${{ steps.deploy.outputs.deployment_url }}\"\n echo \"\"\n echo \"You can find this URL in:\"\n echo \"1. GitHub Actions > Environments tab\"\n echo \"2. Commit status checks\"\n echo \"3. This workflow run summary\"\n\n # Add to job summary for easy access\n echo \"## 🚀 Preview Deployment Complete!\" >> $GITHUB_STEP_SUMMARY\n echo \"\" >> $GITHUB_STEP_SUMMARY\n echo \"**Branch:** \\`${{ github.ref_name }}\\`\" >> $GITHUB_STEP_SUMMARY\n echo \"**Preview URL:** [${{ steps.deploy.outputs.deployment_url }}](${{ steps.deploy.outputs.deployment_url }})\" >> $GITHUB_STEP_SUMMARY\n echo \"\" >> $GITHUB_STEP_SUMMARY\n echo \"### Where to find this URL:\" >> $GITHUB_STEP_SUMMARY\n echo \"- **Environments tab:** Go to your repository → Environments → preview-${{ github.ref_name }}\" >> $GITHUB_STEP_SUMMARY\n echo \"- **Commit status:** Check the commit status checks for 'deployment/preview'\" >> $GITHUB_STEP_SUMMARY\n echo \"- **This summary:** Bookmark this workflow run for easy access\" >> $GITHUB_STEP_SUMMARY\n" }, { "path": ".gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.*\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/versions\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n.pnpm-debug.log*\n\n# env files (can opt-in for committing if needed)\n.env*\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\nnext-env.d.ts\n\n# Claude\n.cursor/\n.claude/\n" }, { "path": ".husky/pre-commit", "content": "#!/bin/sh\n. \"$(dirname \"$0\")/_/husky.sh\"\n\nnpx --no-install lint-staged\n" }, { "path": ".prettierignore", "content": ".cache\npackage.json\npackage-lock.json\npublic\n" }, { "path": ".prettierrc", "content": "{\n \"singleQuote\": true,\n \"jsxSingleQuote\": false,\n \"tabWidth\": 2,\n \"printWidth\": 100,\n \"trailingComma\": \"es5\",\n \"semi\": true,\n \"arrowParens\": \"always\",\n \"endOfLine\": \"lf\",\n \"plugins\": [\"prettier-plugin-tailwindcss\"]\n}\n" }, { "path": "CHANGELOG.md", "content": "# Changelog\n\nAll notable changes to this project will be documented in this file.\n\nThe format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),\nand this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).\n\n## [2.0.0] - 2025-10-15\n\n### ✨ Features\n\n- **Complete rewrite**: Migrated to Next.js 15 with App Router and Turbopack\n- **React 19**: Updated to latest React with concurrent features\n- **TypeScript 5**: Full type safety with strict configuration\n- **Modern UI**: Tailwind CSS 4 with design tokens and CSS variables\n- **Accessibility**: WCAG 2.1 AA compliance with accessibility menu\n- **Privacy**: GDPR-compliant analytics with opt-in consent\n- **Performance**: 3x faster builds and 50% smaller bundle size\n- **Auto-fill**: GitHub integration for automatic profile data\n- **Export/Import**: JSON functionality for profile data\n- **Enhanced UX**: Multi-step wizard with real-time validation\n- **Responsive**: Mobile-first design with touch optimization\n\n### 🐛 Bug Fixes\n\n- Fixed skill selection persistence across sessions\n- Resolved theme toggle flickering on page load\n- Fixed social media icon alignment issues\n- Corrected markdown preview rendering edge cases\n\n### ⚡ Performance Improvements\n\n- Implemented code splitting with lazy loading\n- Optimized bundle size with Turbopack\n- Added image optimization for better loading\n- Reduced JavaScript bundle by 50%\n\n### ♻️ Code Refactoring\n\n- Migrated from Gatsby to Next.js 15\n- Converted all components to TypeScript\n- Implemented modern React patterns (hooks, context)\n- Restructured project architecture for scalability\n\n### 📚 Documentation\n\n- Added comprehensive TypeScript documentation\n- Created accessibility guidelines\n- Updated deployment documentation\n- Added contributing guidelines for V2\n\n### 🏗️ Build System\n\n- Migrated to Next.js build system\n- Added Turbopack for development\n- Implemented ESLint + Prettier configuration\n- Added Vitest for testing\n\n### 👷 Continuous Integration\n\n- Enhanced GitHub Actions workflows\n- Added preview deployments with environment tracking\n- Implemented automated release management\n- Added comprehensive testing pipeline\n\n---\n\n## Previous Versions (V1)\n\nFor changes in V1, see the [V1 Release Archive](https://github.com/rahuldkjain/github-profile-readme-generator/releases?q=v1&expanded=true).\n\n### Migration from V1 to V2\n\nV2 represents a complete rewrite with breaking changes:\n\n- **Technology Stack**: Gatsby → Next.js 15\n- **Styling**: CSS Modules → Tailwind CSS 4\n- **State Management**: Local state → Zustand + localStorage\n- **Build System**: Webpack → Turbopack\n- **Type Safety**: JavaScript → TypeScript 5\n\nAll V1 functionality has been preserved and enhanced in V2. See [MIGRATION_STRATEGY.md](./MIGRATION_STRATEGY.md) for detailed migration information.\n" }, { "path": "CHEATSHEET.md", "content": "# GitHub Profile Generator - Developer Cheatsheet\n\n## 🚀 Quick Start\n```bash\nnpm install && npm run dev\n```\nVisit: http://localhost:3000\n\n---\n\n## 📁 File Structure (Where to Edit)\n\n| Task | File Location |\n|------|--------------|\n| Add form field | `src/components/sections/[section]-section.tsx` |\n| Add validation | `src/lib/validations.ts` |\n| Modify markdown output | `src/lib/markdown-generator.ts` |\n| Add new section | Create in `src/components/sections/` + add to `src/app/page.tsx` |\n| Create form component | `src/components/forms/` |\n| Add skill | `src/constants/skills.ts` |\n| Storage logic | `src/lib/storage.ts` |\n| Theme colors | `src/styles/globals.css` |\n| Header/Footer | `src/components/layout/` |\n\n---\n\n## 🎨 Theme Colors (Always Use These)\n\n```typescript\n// Backgrounds\nbg-background // Main background\nbg-card // Card background\nbg-accent // Accent background\nbg-muted // Muted background\nbg-primary // Primary action background\n\n// Text\ntext-foreground // Main text\ntext-muted-foreground // Secondary text\ntext-primary-foreground // Text on primary bg\ntext-destructive // Error text\n\n// Borders & Effects\nborder-border // Border color\nborder-input // Input border\nring-ring // Focus ring\n```\n\n**❌ Never hardcode:** `bg-white`, `text-black`, `border-gray-300`\n\n---\n\n## 📝 Component Templates\n\n### Form Component\n```typescript\n'use client';\n\nimport { forwardRef } from 'react';\nimport type { InputHTMLAttributes } from 'react';\n\nexport interface MyInputProps extends Omit, 'type'> {\n label?: string;\n error?: string;\n}\n\nexport const MyInput = forwardRef(\n ({ label, error, className = '', ...props }, ref) => {\n return (\n
\n {label && }\n \n {error &&

{error}

}\n
\n );\n }\n);\n\nMyInput.displayName = 'MyInput';\n```\n\n### Section Component\n```typescript\n'use client';\n\nimport { UseFormRegister, FieldErrors } from 'react-hook-form';\nimport { FormInput } from '@/components/forms/form-input';\nimport type { MyFormData } from '@/lib/validations';\n\ninterface MySectionProps {\n register: UseFormRegister;\n errors: FieldErrors;\n}\n\nexport function MySection({ register, errors }: MySectionProps) {\n return (\n
\n
\n

Section Title

\n

Description

\n
\n\n
\n \n
\n
\n );\n}\n```\n\n---\n\n## 🔒 TypeScript Patterns\n\n```typescript\n// Component Props\ninterface ComponentProps {\n title: string; // Required\n count?: number; // Optional\n onAction: () => void; // Required function\n onChange?: (val: string) => void; // Optional function\n}\n\n// Zod Schema\nconst schema = z.object({\n email: z.string().email(),\n age: z.number().min(0).max(120),\n url: z.string().url().optional(),\n isActive: z.boolean().default(false),\n});\n\ntype FormData = z.infer;\n\n// Form Hook\nconst { register, watch, setValue, formState: { errors } } = useForm({\n resolver: zodResolver(schema),\n defaultValues: { isActive: false }\n});\n```\n\n---\n\n## ♿ Accessibility Checklist\n\n```typescript\n// ✅ Keyboard Navigation\n e.key === 'Enter' && handleClick()}\n className=\"focus:ring-2 focus:ring-primary\"\n>\n\n// ✅ ARIA Labels\n\n\n {/* Form Content */}\n \n {currentStep === 'basic' && (\n \n )}\n {currentStep === 'links' && (\n \n )}\n {currentStep === 'social' && (\n \n )}\n {currentStep === 'skills' && (\n \n
\n
\n {Array.from({ length: 12 }).map((_, i) => (\n
\n ))}\n
\n \n }\n >\n \n \n )}\n {currentStep === 'preview' && (\n
\n
\n {/* Mobile: Stack vertically, Desktop: Side by side */}\n
\n
\n

Preview & Generate

\n

\n Your README is ready! Copy or download it below.\n

\n
\n {/* Export Button - With text */}\n \n \n Export\n \n
\n
\n\n \n
\n
\n
\n }\n >\n \n \n \n )}\n \n\n {/* Navigation Buttons */}\n \n \n \n