The latest articles on DEV Community by hamed darvishi (@hamed_darvishi). https://dev.to/hamed_darvishi https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4057196%2F55be9c5a-18cb-41a4-bb67-7b5ca102fb5d.jpg https://dev.to/hamed_darvishi en hamed darvishi Fri, 31 Jul 2026 20:53:38 +0000 https://dev.to/hamed_darvishi/building-a-client-side-ats-resume-analyzer-with-nextjs-14-and-typescript-2706 https://dev.to/hamed_darvishi/building-a-client-side-ats-resume-analyzer-with-nextjs-14-and-typescript-2706 <p>Hey everyone! 👋</p> <p>I recently built <strong>ResumeAI</strong>, a tool designed to help job seekers quickly analyze their resumes and ensure ATS compatibility—all right from the client side using <strong>Next.js 14</strong>, <strong>TypeScript</strong>, and <strong>pdfjs-dist</strong>.</p> <h3> 🌟 Why I Built It </h3> <p>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.</p> <h3> 🛠 Tech Stack &amp; Architecture </h3> <ul> <li> <strong>Framework:</strong> Next.js 14 (App Router)</li> <li> <strong>Styling:</strong> Tailwind CSS</li> <li> <strong>Parsing:</strong> Client-side parsing using <code>pdfjs-dist</code> to keep user documents secure.</li> <li> <strong>Scoring:</strong> Custom algorithm evaluating missing skill priorities and applying negative score weights.</li> </ul> <p>Check out the live app here:<br> 👉 <strong><a href="https://resume-ai-two-lyart.vercel.app/" rel="noopener noreferrer">Try ResumeAI Live</a></strong></p> <p>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!</p> nextjs typescript showdev webdev