Vigyata.AI
Is this your channel?

Build and Deploy a Full AI-Powered Applicant Tracking System

709.3K views· 7,760 likes· 156:23· Jul 18, 2025

🛍️ Products Mentioned (17)

🚀 Tool that I use: Get 10% off with code JSMASTERY Openclaw VPS Setup: https://jsm.dev/openclaw-hostinger Learn how to use OpenClaw with me: https://jsm.dev/openclaw-course Build an AI-powered Resume Analyzer with React, React Router, and Puter.js! Create job listings, upload candidate resumes, and use AI to automatically evaluate and match resumes to job requirements. ⭐ Join JS Mastery Pro: https://jsm.dev/resumind-jsm 💎 Become a Top 1% Next.js Developer: https://jsm.dev/resumind-nextjs 📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/resumind-kit 📗 GSAP Course (Build the GTAVI Website!): https://jsm.dev/resumind-gsap 📘 TailwindCSS Free Course: https://jsm.dev/resumind-twcc 📘 TailwindCSS Pro Course Waitlist: https://jsm.dev/resumind-twpro 📘 Backend Pro Course Waitlist: https://jsm.dev/resumind-backpro 📘 ReactJS Pro Course Waitlist: https://jsm.dev/resumind-reactpro 📘 React Native Pro Course Waitlist: https://jsm.dev/resumind-rnpro Puter.js: https://jsm.dev/resumind-puterjs Puter.com: https://jsm.dev/resumind-puter Junie AI: https://jsm.dev/resumind-junie WebStorm: https://jsm.dev/resumind-webstorm Rate us on TrustPilot: https://jsm.dev/trustpilot https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery Business Inquiries: contact@jsmastery.pro Time Stamps: 00:00:00 — Introduction 00:02:25 — Project Setup 00:15:38 — Homepage, Navbar & Resume Card 00:34:50 — Authentication & Introduction to Puter API 00:54:51 — Upload Form & File Uploader Component 01:18:36 — PDF-Image Conversion & AI Feedback 01:37:20 — Resume Feedback Page 01:57:30 — Resume Feedback Components 02:15:37 — Fetch Real Data on the Homepage 02:27:59 — Wipe App Data 02:31:51 — Deployment with Puter

About This Video

Ever sent out one resume after another and heard nothing back? I’ve been there—and it’s brutal. In this video, I build a full AI-powered, serverless Resume Analyzer / Applicant Tracking System that shows you exactly how well your resume matches any job post and what to fix. The goal isn’t another clone project—it’s a real product with real impact: job listings, resume uploads, instant AI evaluation, ATS-style scoring, and actionable feedback across tone & style, content, structure, and skills. What makes this build different is that I handle auth, storage, database, and AI directly from the frontend using Puter.js—no backend code, no configuration, and no credit card. You’ll see me spin up the app with Vite + React (React Router v7), style it fast with Tailwind CSS v4, keep things type-safe with TypeScript, and manage global state with Zustand. I also walk through clean architecture (constants, types, reusable UI components like the Resume Card + Score Circle), then finish by deploying with Puter so you can run it with zero dollars in infrastructure costs—even as users scale—because of the user-pays model.

Frequently Asked Questions

🎬 More from JavaScript Mastery