Building a Client-Side ATS Resume Analyzer with Next.js 14 and TypeScript

#showdev #nextjs #typescript #webdev

Hey everyone! 👋

I recently built ResumeAI, a tool designed to help job seekers quickly analyze their resumes and ensure ATS compatibility—all right from the client side using Next.js 14, TypeScript, and pdfjs-dist.

🌟 Why I Built It

Most resume checkers either charge heavy subscription fees or send your sensitive data to unknown servers. I wanted to build a fast, privacy-friendly tool where users can evaluate their CVs against job description keywords seamlessly.

🛠 Tech Stack & Architecture

Framework: Next.js 14 (App Router)
Styling: Tailwind CSS
Parsing: Client-side parsing using pdfjs-dist to keep user documents secure.
Scoring: Custom algorithm evaluating missing skill priorities and applying negative score weights.

Check out the live app here:
👉 Try ResumeAI Live

I'd love to get your feedback! How do you handle ATS optimization or PDF parsing in your own projects? Let me know in the comments below!