Inspiration:

Students and job seekers often know the career they want to pursue but struggle to identify the skills they need to achieve it. They spend countless hours searching for courses, comparing job descriptions, and wondering if they are truly ready for their dream role. We wanted to simplify this journey by building an AI-powered platform that provides personalized career guidance, helping users understand their current skill level, identify gaps, and follow a structured learning roadmap. Our goal was to make career planning smarter, more accessible, and less overwhelming for learners worldwide.

What it does:

AI Skill Gap Navigator is an AI-powered career development platform that helps students and job seekers bridge the gap between their current skills and their dream careers.

Users can upload their resume, choose a target career, and receive:

->AI-powered resume analysis ->Skill extraction and gap identification ->Career readiness score ->Personalized learning roadmap ->Recommended learning resources ->Progress tracking dashboard ->AI career guidance and interview preparation

The platform transforms a static resume into an actionable career development plan, enabling users to learn efficiently and become job-ready.

How we built it:

We built the application using modern web technologies and AI services:

->Frontend: Next.js, React, TypeScript, Tailwind CSS, shadcn/ui ->Backend: Next.js API Routes ->Database & Authentication: Supabase (PostgreSQL, Auth, Storage) ->AI: OpenAI/Gemini APIs for resume analysis, skill extraction, and roadmap generation ->Deployment: Vercel

The workflow begins with resume upload. The AI extracts relevant information, compares the user's skills against the selected career requirements, identifies missing skills, and generates a personalized learning roadmap. All user data, progress, and uploaded resumes are securely managed using Supabase.

Challenges we ran into:

One of our biggest challenges was accurately extracting skills from resumes with different layouts and formats. We also needed to ensure the AI generated personalized recommendations rather than generic responses. Designing a learning roadmap that felt practical, structured, and adaptable to different career paths required careful prompt engineering and iterative testing. Integrating AI outputs with the frontend while maintaining a smooth user experience was another important challenge.

Accomplishments that we're proud of:

->Developed an AI-powered resume analysis system. ->Created personalized skill gap analysis for multiple career paths. ->Built a structured learning roadmap tailored to each user's goals. ->Designed a clean, responsive, and user-friendly interface. ->Integrated AI with a modern full-stack architecture using Supabase and Next.js. ->Built a solution with real-world impact for students and job seekers globally.

What we learned:

Through this project, we gained valuable experience in integrating large language models into real-world applications. We learned how AI can be used not only for conversation but also for personalized recommendations and career guidance. We also improved our understanding of full-stack development, authentication, cloud databases, prompt engineering, and designing user-centric AI experiences.

What's next for AI Skill Gap Navigator:

We plan to expand the platform with several advanced features, including:

->GitHub and LinkedIn profile analysis ->ATS resume scoring and optimization ->AI-powered mock interviews with voice interaction ->Personalized project and portfolio recommendations ->Internship and job matching ->Team formation based on complementary skills ->Mentor and career coaching marketplace ->Support for multiple languages ->Mobile application for Android and iOS ->Analytics dashboard for universities and training institutions

Built With

Share this project:

Updates

Submission history