Pathfinder was built around a simple observation: job descriptions tell people what companies want, but very rarely help candidates understand how close they are or what to do next. Students and early‑career professionals often feel lost and unsure whether a role is realistic for them, which skills actually matter, or how long it would take to become qualified. Pathfinder aims to reduce this uncertainty by turning job descriptions and resumes into something far more human and useful: clarity, direction, and a realistic plan.

At a foundational level, Pathfinder meets the core expectations of the problem statement. It works with centralized job data, makes job requirements explicit by extracting and listing skills, and supports filtering so candidates can quickly assess whether a role aligns with their background. These features ensure transparency and usability. However, Pathfinder was intentionally designed not to stop at simply presenting information, because information alone does not help candidates make confident decisions.

Where Pathfinder truly differs is in how it defines job suitability. Instead of treating suitability as a yes-or-no outcome, the system views it as a spectrum. Each required skill is associated with an estimated learning time, allowing Pathfinder to calculate how close a candidate actually is to being job‑ready. This produces a readiness score that feels grounded in reality and answers a question candidate genuinely care about: “How far am I, and how long will it take me to get there?” This shift from static matching to time‑based readiness is a key idea behind the project.

To extract skills from job descriptions, Pathfinder uses a balanced approach. When AI is available, it helps interpret unstructured descriptions and identify important skills. When it is not, the system falls back to a reliable, rule‑based extraction method. This design choice was deliberate. Rather than relying entirely on AI, Pathfinder treats it as a tool that enhances accuracy while keeping the system predictable and trustworthy. This makes the prototype robust, explainable, and suitable for real‑world use.

Pathfinder also rethinks what a “personalized upskilling roadmap” should look like. Instead of simply recommending courses, it generates a clear learning plan for each missing skill. Skills are prioritized, broken down into steps, and paired with realistic time estimates and explanations. The goal is to make learning feel manageable and purposeful, rather than overwhelming. Users are not just told what to learn, but why it matters and how to approach it.

An important part of making this experience intuitive is the skill dependency graph. By visually showing how skills build on one another, Pathfinder helps users understand the right learning sequence. This prevents common mistakes such as jumping into advanced tools without strong fundamentals. The graph turns what is usually a long list of requirements into something users can quickly understand and reason about.

From a technical standpoint, Pathfinder is built using modern web technologies: React.js, Next.js, tailwind CSS with a clean separation between the frontend experience and backend logic. Resume parsing, job analysis, and roadmap generation are handled server‑side, ensuring accuracy and scalability. While the current prototype focuses on skill readiness, the architecture naturally supports future extensions such as application tracking, long‑term progress monitoring, and career‑specific pathways.

In summary, Pathfinder goes beyond fulfilling the stated requirements by focusing on how people actually experience the job search process. It does not just help users find job sites helps them understand themselves in relation to those jobs. By combining transparent requirements, realistic readiness scoring, structured learning plans, and thoughtful visualizations, Pathfinder offers a more human and empowering approach to career planning. This balance of technical depth and user empathy is what makes the prototype stand out in a hackathon setting.

Built With

  • and-next.js-api-routes
  • data-normalization
  • deterministic-pipelines
  • explainable-ai
  • graph
  • javascript
  • next.js
  • next.js-15-(app-router)
  • openai-api
  • postgresql
  • react
  • react-19
  • react-flow
  • roadmap-generation
  • skill-gap-analysis
  • supabase
  • supabase-(postgresql)
  • tailwind-css
Share this project:

Updates