SkillBridge AI

Overview

SkillBridge AI is an independent student-built career and skills roadmap assistant for students and early-career learners. It helps users turn career goals into clear learning plans, skill-gap insights, portfolio project ideas, application-ready drafts, and practical next steps.

The current version is a polished frontend version that runs locally and can be extended with backend services or AI APIs in future versions. It uses structured career data and transparent guidance so the experience is easy to understand, explain, and improve.

Problem

Career preparation can feel scattered. Learners often need to compare role expectations, understand which skills matter most, choose portfolio projects, and translate progress into resumes, applications, scholarship answers, and professional profiles.

Solution

SkillBridge AI converts a learner profile into a structured readiness plan. Users select a target career path, enter current skills and learning context, then receive a personalized roadmap with a readiness score, skill-gap analysis, weekly learning plan, project recommendations, application guidance, and an interactive checklist.

Features

• Modern responsive React interface with a future-of-work product feel
• Career Roadmap Generator with validation and helpful error messages
• Supported career paths:
  • Software Developer
  • AI Engineer
  • Data Analyst
  • Cybersecurity Analyst
  • Cloud Engineer
  • UI/UX Designer
  • Product Manager
• Personalized career summary and career readiness score
• Current strengths, priority skill gaps, and recommended tools
• 4-week, 8-week, and 12-week learning roadmaps
• Rich portfolio project recommendations with skills, tech stack, difficulty, value, and README starter copy
• Interactive next steps checklist with localStorage progress tracking
• Save Roadmap feature with locally saved roadmap summaries
• Print / Export Roadmap button using browser print
• Application Helper that generates local draft text for resumes, internships, scholarships, LinkedIn/About summaries, and project descriptions
• Rule-based AI Roadmap Assistant with quick actions and roadmap-aware responses

Tech Stack

• React
• Vite
• Tailwind CSS
• JavaScript career data and rule-based roadmap logic
• Browser localStorage for saved roadmaps and checklist progress

How to Run Locally

Install dependencies:

npm install

Start the development server:

npm run dev

Open the local URL shown in your terminal.

How to Build for Production

Create a production build:

npm run build

Preview the production build:

npm run preview

Future Improvements

• Add optional user accounts and cloud-saved roadmaps
• Add richer assessments and adaptive roadmap updates
• Add deeper resume and cover letter feedback
• Add opportunity tracking for internships, jobs, and scholarships
• Add downloadable PDF export
• Add optional AI API support for more personalized coaching

Author

SkillBridge AI is an independent student-built passion project focused on helping learners prepare for meaningful careers in the future of work.