🚀 Building an AI-Powered Resume Optimizer with Angular, Node.js & Gemini

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 Angula…


This content originally appeared on DEV Community and was authored by Manthan Ankolekar

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

Layer Stack
Frontend Angular 20, Standalone Components, Tailwind CSS, Signals, Reactive Forms
Backend Node.js, Express, Multer
AI Engine Google Gemini via @google/genai
Parsing pdf-parse and mammoth for file extraction

🧠 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)

📦 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


This content originally appeared on DEV Community and was authored by Manthan Ankolekar


Print Share Comment Cite Upload Translate Updates
APA

Manthan Ankolekar | Sciencx (2025-07-23T04:47:09+00:00) 🚀 Building an AI-Powered Resume Optimizer with Angular, Node.js & Gemini. Retrieved from https://www.scien.cx/2025/07/23/%f0%9f%9a%80-building-an-ai-powered-resume-optimizer-with-angular-node-js-gemini/

MLA
" » 🚀 Building an AI-Powered Resume Optimizer with Angular, Node.js & Gemini." Manthan Ankolekar | Sciencx - Wednesday July 23, 2025, https://www.scien.cx/2025/07/23/%f0%9f%9a%80-building-an-ai-powered-resume-optimizer-with-angular-node-js-gemini/
HARVARD
Manthan Ankolekar | Sciencx Wednesday July 23, 2025 » 🚀 Building an AI-Powered Resume Optimizer with Angular, Node.js & Gemini., viewed ,<https://www.scien.cx/2025/07/23/%f0%9f%9a%80-building-an-ai-powered-resume-optimizer-with-angular-node-js-gemini/>
VANCOUVER
Manthan Ankolekar | Sciencx - » 🚀 Building an AI-Powered Resume Optimizer with Angular, Node.js & Gemini. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/07/23/%f0%9f%9a%80-building-an-ai-powered-resume-optimizer-with-angular-node-js-gemini/
CHICAGO
" » 🚀 Building an AI-Powered Resume Optimizer with Angular, Node.js & Gemini." Manthan Ankolekar | Sciencx - Accessed . https://www.scien.cx/2025/07/23/%f0%9f%9a%80-building-an-ai-powered-resume-optimizer-with-angular-node-js-gemini/
IEEE
" » 🚀 Building an AI-Powered Resume Optimizer with Angular, Node.js & Gemini." Manthan Ankolekar | Sciencx [Online]. Available: https://www.scien.cx/2025/07/23/%f0%9f%9a%80-building-an-ai-powered-resume-optimizer-with-angular-node-js-gemini/. [Accessed: ]
rf:citation
» 🚀 Building an AI-Powered Resume Optimizer with Angular, Node.js & Gemini | Manthan Ankolekar | Sciencx | https://www.scien.cx/2025/07/23/%f0%9f%9a%80-building-an-ai-powered-resume-optimizer-with-angular-node-js-gemini/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts