Match Your Resume to Any Job Description Using AI — Full Stack Guide

Struggling to tailor your resume for specific job postings? I built an AI-powered Resume Optimizer that helps you analyze your resume against any job description using Google Gemini. Here's how I built it using the MEAN stack (MongoDB-free) with Angular standalone components, Tailwind CSS, and Google’s Generative AI API.

---

💡 Why I Built This

Every job role has unique expectations, but most resumes stay generic. I wanted to automate the process of matching resumes with job descriptions, highlighting what's missing, and suggesting improvements—all with the power of AI.

---

🛠 Tech Stack

---

🧠 Features

• ✅ Upload Resume (PDF or DOCX)

• ✅ Upload or Paste Job Description

• ✅ Get AI analysis:

  • Match Score

  • Missing Keywords

  • Tailored Suggestions

• 🌗 Dark Mode Support

• 📱 Fully Responsive UI

---

🧩 System Architecture

[Angular UI] --> [Express API] --> [Gemini API]
                    |
             [PDF/DOCX Parser]

---

🖥️ Frontend Highlights

• Standalone Angular Components

• Signals for local state (resumeFile, jdFile, etc.)

• Native control flow (@if, @else) over structural directives

• Reactive Forms for input validation

• Markdown rendering using ngx-markdown for AI response formatting

const form = fb.nonNullable.group({ jdText: '' });
const resumeFile = signal<File | null>(null);
const result = signal<string | null>(null);

---

🔧 Backend Highlights

• File parsing using pdf-parse (PDF) and mammoth (DOCX)

• Gemini prompt format:

Compare the following resume and job description. Provide:
- Match score (0-100)
- Missing keywords
- Suggested improvements

• AI integration via @google/genai:

const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
const response = await ai.models.generateContent({ model: 'gemini-2.5-flash', contents: prompt });

---

🚀 How to Run It Locally

🔗 Clone the Project

git clone https://github.com/manthanank/resume-optimizer.git
cd resume-optimizer

⚙️ Backend Setup

cd backend
npm install
cp .env.example .env
# Add your GEMINI_API_KEY
npm run dev

🌐 Frontend Setup

cd frontend
npm install
ng serve

---

🌐 Hosted Live (Demo)

• Frontend: https://resume-optimizer-app.vercel.app

• Backend API: https://resume-optimizer-api.vercel.app

---

📦 Future Improvements

• 🔐 Auth for saving resume history

• 📝 Editable resume templates

• 📄 PDF download of feedback

• 🌍 Multi-language support

---

📃 License

MIT — Free to use and modify. Contributions welcome!

---

✨ Final Thoughts

This project taught me how to combine real-time file processing with AI content generation in a full-stack TypeScript environment. Whether you're building something for HR, job seekers, or just love AI—this app is a perfect side project to learn from.

---

👉 Want to try it?

🔗 GitHub Repo

🚀 Live Demo