back to projects
JobFit AI live analyzer screenshot
Live

JobFit AI

An AI resume matching and career-improvement assistant that compares resumes with job descriptions, scores fit, finds gaps, rewrites bullets, and prepares interview questions.

Business value

Shows complete product thinking: landing page, auth-style entry, dashboard workflow, shareable result, privacy guardrails, server-side OpenAI calls, and demo fallback when no API key is configured.

Key features

Resume/JD match scoringSkill gap analysisResume bullet rewritesInterview question prepKeyword extractionBilingual UIShareable results
Next.js 16 App RouterReact 19TypeScriptTailwind CSSOpenAI SDKZodPrisma schemaVercel

overview

JobFit AI is a complete MVP built from a product brief to show how an AI career tool can move from requirements to a deployable product.

problem

Job seekers struggle to quickly judge whether a resume fits a role, and generic AI advice can be hard to verify or apply safely.

solution

The product uses a four-step analysis flow to return scores, gaps, rewrites, keywords, and interview prep while keeping privacy notices and honest rewrite rules in the core experience.

key features

Resume/JD match scoring / Skill gap analysis / Resume bullet rewrites / Interview question prep / Keyword extraction / Bilingual UI / Shareable results / Mock demo mode

tech stack

Next.js 16 App Router / React 19 / TypeScript / Tailwind CSS / OpenAI SDK / Zod / Prisma schema / Vercel

architecture

Next.js App Router handles public pages, dashboard screens, and API routes. AI calls run only on the server, Zod validates inputs, and the Prisma schema prepares the next database phase.

AI-assisted workflow

The app uses the OpenAI-compatible SDK with server-side environment variables; when no API key is configured, the production demo returns structured mock analysis so the live demo stays usable.

challenges and what I learned

The main learning was placing AI inside real product boundaries: validation, structured output, privacy guidance, shareable results, fallback strategy, and deployment verification.

screenshots

The portfolio card uses a real screenshot from the live analyzer page.