SkillChain: Your AI-Powered Career Navigator
Inspiration
In today's rapidly evolving job market, navigating a career path can feel like wandering through a dense forest without a map. Job seekers often struggle with identifying relevant skills, finding effective learning resources, optimizing their resumes for specific roles, and understanding local market demands.
We were inspired by the sheer volume of talent that gets lost or misdirected due to a lack of personalized guidance. We envisioned a tool that could cut through the noise, providing clarity and direction — much like a personal career consultant powered by artificial intelligence. Our goal was to empower individuals to not just find a job, but to build a fulfilling and future-proof career.
What It Does
SkillChain is an AI-powered career builder designed to guide users through their professional development journey. It offers a comprehensive suite of features:
AI-Driven Career Discovery
Input coursework, projects, skills, and interests → get career path suggestions with match percentages and reasoning.Personalized Skill Roadmaps
Tailored skill trees for breaking down complex goals into manageable, trackable categories (Languages, Frameworks, Tools, Concepts).Curated Learning Resources
Recommended courses, videos, articles for each skill.Project-Based Learning
Track progress with real-world projects. Premium: AI-generated starter code + GitHub integration.Smart Resume Optimization
Upload a resume → get ATS score, missing skills, and AI-improved bullet points. Premium: generate a brand-new resume.Real-Time Local Market Insights
Live data on jobs, salaries, top industries, in-demand skills by location.Gamified Progress Tracking
Earn XP, unlock achievements, and visualize your journey.
How We Built It
- Frontend: React + TypeScript + Vite
- Styling: Tailwind CSS
- Animations: Framer Motion
- State Management: Zustand
- Routing: React Router DOM
- Data Visualization: D3.js for the skill tree
- AI Simulation: Hand-crafted logic and mock data
- Icons: Lucide React
// Example of simulated AI matching logic
const getCareerSuggestions = (input) => {
return mockCareers.filter(career => career.skills.includes(input.skill));
};
Built With
- css
- d3.js
- dom
- framer
- lucide
- motion
- react
- router
- tailwind
- typescript
- vite
- zustand
Log in or sign up for Devpost to join the conversation.