{"id":30902059,"url":"https://github.com/simranshaikh20/skillblueprint","last_synced_at":"2025-09-09T07:50:14.954Z","repository":{"id":305725014,"uuid":"1023015567","full_name":"SimranShaikh20/SkillBlueprint","owner":"SimranShaikh20","description":"Skill Growth Blueprint is a visual and interactive guide designed to help learners plan, track, and evaluate their personal and professional development. It presents a structured approach to setting goals, assessing current skills, and identifying the next steps in the growth journey","archived":false,"fork":false,"pushed_at":"2025-07-21T16:36:54.000Z","size":309,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-21T18:48:11.043Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://skill-blueprint.netlify.app/","language":"TypeScript","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/SimranShaikh20.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2025-07-20T10:50:51.000Z","updated_at":"2025-07-21T16:36:57.000Z","dependencies_parsed_at":"2025-07-21T18:48:12.849Z","dependency_job_id":"34ecbf52-76ed-420c-a0f7-250cfe358958","html_url":"https://github.com/SimranShaikh20/SkillBlueprint","commit_stats":null,"previous_names":["simranshaikh20/skillblueprint"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/SimranShaikh20/SkillBlueprint","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimranShaikh20%2FSkillBlueprint","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimranShaikh20%2FSkillBlueprint/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimranShaikh20%2FSkillBlueprint/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimranShaikh20%2FSkillBlueprint/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimranShaikh20","download_url":"https://codeload.github.com/SimranShaikh20/SkillBlueprint/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimranShaikh20%2FSkillBlueprint/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274262062,"owners_count":25251960,"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-09T02:00:10.223Z","response_time":80,"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-09-09T07:50:10.519Z","updated_at":"2025-09-09T07:50:14.938Z","avatar_url":"https://github.com/SimranShaikh20.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 SkillBlueprint\n\n\u003cdiv align=\"center\"\u003e\n\n![Skill Growth Blueprint](https://img.shields.io/badge/Career%20Platform-AI%20Powered-blue?style=for-the-badge)\n![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![Tailwind](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n\n**A modern, AI-powered career dashboard and learning platform that helps users discover ideal career paths, track skill progress, and get personalized learning resources based on resume analysis.**\n\n[🎯 Live Demo](https://skill-blueprint.netlify.app/)\n\u003c/div\u003e\n\n---\n\n## ✨ Key Features\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\n### 🧠 **AI-Powered Intelligence**\n- Resume parsing with Google Document AI\n- Smart career matching algorithms\n- Personalized skill gap analysis\n- Adaptive assessment questions\n\n\u003c/td\u003e\n\u003ctd\u003e\n\n### 📊 **Career Analytics**\n- Real-time salary trend analysis\n- Job market demand insights\n- Career progression tracking\n- Skills proficiency visualization\n\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\n### 🎯 **Personalized Learning**\n- Custom learning roadmaps\n- Curated resource recommendations\n- Project suggestions by skill level\n- Progress tracking \u0026 achievements\n\n\u003c/td\u003e\n\u003ctd\u003e\n\n### 💼 **Professional Tools**\n- Interactive career dashboard\n- Resume analysis \u0026 insights\n- Skill portfolio builder\n- Career transition planning\n\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n---\n\n## 🎬 Quick Start Demo\n\n```bash\n# 1️⃣ Clone the repository\ngit clone https://github.com/SImranShaikh20/SkillBlueprint.git\ncd skill-growth-blueprint\n\n# 2️⃣ Install dependencies (choose one)\nnpm install        # Using npm\nyarn install       # Using yarn\nbun install        # Using bun\n\n# 3️⃣ Set up environment variables\ncp .env.example .env.local\n# Add your Google API key and other config\n\n# 4️⃣ Start development server\nnpm run dev        # Using npm\nyarn dev           # Using yarn\nbun run dev        # Using bun\n\n# 🚀 Open http://localhost:8080\n```\n\n## 📋 Prerequisites\n\n| Tool | Version | Purpose |\n|------|---------|---------|\n| [Node.js](https://nodejs.org/) | `\u003e=16.0.0` | Runtime environment |\n| [npm](https://www.npmjs.com/) / [yarn](https://yarnpkg.com/) / [bun](https://bun.sh/) | Latest | Package manager |\n| [Git](https://git-scm.com/) | Latest | Version control |\n\n## 🏗️ Project Architecture\n\n```\nskill-growth-blueprint/\n├── 📁 public/                     # Static assets\n│   ├── favicon.ico\n│   ├── placeholder.svg\n│   └── robots.txt\n├── 📁 src/\n│   ├── 📁 assets/                 # Images and media\n│   │   └── hero-career.jpg\n│   ├── 📁 components/             # React components\n│   │   ├── CareerDashboard.tsx    # Main dashboard\n│   │   ├── Hero.tsx               # Landing page hero\n│   │   ├── Navigation.tsx         # App navigation\n│   │   ├── ProfileForm.tsx        # User profile form\n│   │   ├── ResumeUpload.tsx       # Resume upload \u0026 parsing\n│   │   ├── SkillsAssessment.tsx   # Skill evaluation\n│   │   └── 📁 ui/                 # Reusable UI components\n│   ├── 📁 hooks/                  # Custom React hooks\n│   │   ├── use-mobile.tsx\n│   │   └── use-toast.ts\n│   ├── 📁 lib/                    # Utility functions\n│   │   ├── utils.ts\n│   │   ├── api.ts\n│   │   └── resume-parser.ts\n│   ├── 📁 pages/                  # Page components\n│   │   ├── Dashboard.tsx\n│   │   ├── Careers.tsx\n│   │   └── Projects.tsx\n│   ├── 📁 types/                  # TypeScript definitions\n│   │   ├── resume.ts\n│   │   ├── career.ts\n│   │   └── user.ts\n│   ├── App.tsx                    # Main app component\n│   ├── App.css                    # Global styles\n│   ├── index.css                  # Base styles\n│   └── main.tsx                   # App entry point\n├── 📄 Configuration Files\n│   ├── index.html                 # HTML template\n│   ├── package.json               # Dependencies\n│   ├── tailwind.config.ts         # Tailwind config\n│   ├── tsconfig.json              # TypeScript config\n│   ├── vite.config.ts             # Vite config\n│   └── .env.example               # Environment template\n└── 📄 README.md                   # You are here!\n```\n\n## ⚙️ Tech Stack\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e🎨 Frontend Technologies\u003c/b\u003e\u003c/summary\u003e\n\n| Technology | Version | Purpose |\n|------------|---------|---------|\n| [React](https://react.dev/) | `^18.0.0` | UI Library |\n| [TypeScript](https://www.typescriptlang.org/) | `^5.0.0` | Type Safety |\n| [Vite](https://vitejs.dev/) | `^4.0.0` | Build Tool |\n| [Tailwind CSS](https://tailwindcss.com/) | `^3.0.0` | Styling |\n| [shadcn/ui](https://ui.shadcn.com/) | Latest | UI Components |\n| [Lucide React](https://lucide.dev/) | Latest | Icons |\n| [Framer Motion](https://www.framer.com/motion/) | Latest | Animations |\n| [Recharts](https://recharts.org/) | Latest | Data Visualization |\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e🔧 Development Tools\u003c/b\u003e\u003c/summary\u003e\n\n| Tool | Purpose |\n|------|---------|\n| ESLint | Code linting |\n| Prettier | Code formatting |\n| Husky | Git hooks |\n| Commitlint | Commit message linting |\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e🌐 API Integrations\u003c/b\u003e\u003c/summary\u003e\n\n| Service | Purpose |\n|---------|---------|\n| Google Document AI | Resume parsing |\n| Career APIs | Job market data |\n| Learning Platforms | Course recommendations |\n\n\u003c/details\u003e\n\n## 🚦 Getting Started Guide\n\n### 🔑 Environment Setup\n\nCreate a `.env.local` file in the root directory:\n\n```env\n# Google API Configuration\nVITE_GOOGLE_API_KEY=your_google_api_key_here\nVITE_GOOGLE_PROJECT_ID=your_project_id\n\n# Optional: External API Keys\nVITE_CAREER_API_KEY=your_career_api_key\nVITE_LEARNING_API_KEY=your_learning_api_key\n\n# App Configuration\nVITE_APP_ENV=development\nVITE_API_BASE_URL=http://localhost:3000\n```\n\n### 📝 Development Workflow\n\n1. **Create a new branch:**\n   ```bash\n   git checkout -b feature/your-feature-name\n   ```\n\n2. **Make your changes and test:**\n   ```bash\n   npm run dev          # Start development server\n   npm run type-check   # Run TypeScript checks\n   npm run lint         # Run linting\n   ```\n\n3. **Build and test production:**\n   ```bash\n   npm run build        # Build for production\n   npm run preview      # Preview production build\n   ```\n\n4. **Commit and push:**\n   ```bash\n   git add .\n   git commit -m \"feat: add your feature description\"\n   git push origin feature/your-feature-name\n   ```\n\n## 🎯 User Journey\n\n```mermaid\ngraph TD\n    A[🏠 Landing Page] --\u003e B[📄 Upload Resume]\n    B --\u003e C[🔍 Resume Analysis]\n    C --\u003e D[🧠 Skill Assessment]\n    D --\u003e E[📊 Personalized Dashboard]\n    E --\u003e F[💼 Career Recommendations]\n    E --\u003e G[🎯 Project Suggestions]\n    E --\u003e H[📚 Learning Resources]\n    F --\u003e I[📈 Career Roadmap]\n    G --\u003e J[⚡ Skill Building]\n    H --\u003e K[🎓 Learning Progress]\n```\n\n## 🔧 Available Scripts\n\n| Command | Description |\n|---------|-------------|\n| `npm run dev` | Start development server |\n| `npm run build` | Build for production |\n| `npm run preview` | Preview production build |\n| `npm run lint` | Run ESLint |\n| `npm run lint:fix` | Fix ESLint errors |\n| `npm run type-check` | Run TypeScript checks |\n| `npm run format` | Format code with Prettier |\n\n## 📊 Performance Metrics\n\n| Metric | Target | Current |\n|--------|--------|---------|\n| First Contentful Paint | \u003c 1.5s | ✅ 1.2s |\n| Largest Contentful Paint | \u003c 2.5s | ✅ 2.1s |\n| Time to Interactive | \u003c 3s | ✅ 2.8s |\n| Lighthouse Score | \u003e 95 | ✅ 98 |\n\n## 🤝 Contributing\n\nWe welcome contributions! Here's how you can help:\n\n1. **🍴 Fork the repository**\n2. **🌿 Create your feature branch** (`git checkout -b feature/amazing-feature`)\n3. **💾 Commit your changes** (`git commit -m 'Add some amazing feature'`)\n4. **📤 Push to the branch** (`git push origin feature/amazing-feature`)\n5. **🔀 Open a Pull Request**\n\n### 📝 Contribution Guidelines\n\n- Follow the existing code style\n- Add tests for new features\n- Update documentation as needed\n- Keep commits atomic and descriptive\n\n## 🐛 Troubleshooting\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003e❌ Common Issues\u003c/b\u003e\u003c/summary\u003e\n\n**Issue: Build fails with TypeScript errors**\n```bash\n# Solution: Run type checking\nnpm run type-check\n# Fix any type errors shown\n```\n\n**Issue: Resume upload not working**\n```bash\n# Check if Google API key is configured\n# Verify file size limits (max 5MB)\n# Check browser console for errors\n```\n\n**Issue: Styling issues**\n```bash\n# Rebuild Tailwind classes\nnpm run build\n# Clear browser cache\n```\n\n\u003c/details\u003e\n\n## 📈 Roadmap\n\n- [ ] 🔐 User authentication \u0026 profiles\n- [ ] 🌐 Multi-language support\n- [ ] 📱 Mobile app version\n- [ ] 🤖 Advanced AI recommendations\n- [ ] 🎯 Skill assessment tests\n- [ ] 📊 Analytics dashboard\n- [ ] 🔗 LinkedIn integration\n- [ ] 💬 Mentorship features\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- [Lovable](https://lovable.dev/) for the development platform\n- [shadcn/ui](https://ui.shadcn.com/) for the beautiful components\n- [Tailwind CSS](https://tailwindcss.com/) for the styling framework\n- The open-source community for inspiration\n\n\n**Made with ❤️ by [Simran SHaikh ](https://github.com/SimranShaikh20)**\n\n*If this project helped you, please consider giving it a ⭐!*\n\n\u003c/div\u003e\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003csub\u003eBuilt with modern web technologies for the future of career development.\u003c/sub\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimranshaikh20%2Fskillblueprint","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimranshaikh20%2Fskillblueprint","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimranshaikh20%2Fskillblueprint/lists"}