Ứng dụng AI giúp tối ưu CV: Từ 'ngán ngẩm' đến 'ngon lành' với Google Gemini!

Lê Lân

14/08/2025

Resume Optimizer Với AI: Tối Ưu Hồ Sơ Xin Việc Bằng Google Gemini và MEAN Stack

Mở Đầu

Bạn có đang gặp khó khăn trong việc tùy chỉnh hồ sơ xin việc (resume) để phù hợp với từng vị trí công việc cụ thể? Một hồ sơ chuẩn, song không đủ điểm nhấn và không rõ ràng trong việc thể hiện các kỹ năng trọng tâm cho từng job description là vấn đề phổ biến của nhiều ứng viên.

Trong thời đại công nghệ phát triển như hiện nay, AI (Trí tuệ nhân tạo) đang ngày càng đóng vai trò then chốt trong việc cải thiện hiệu quả tìm việc làm. Bài viết này sẽ giới thiệu một dự án Resume Optimizer – một công cụ trợ giúp tự động phân tích và tối ưu hồ sơ xin việc dựa trên bất kỳ mô tả công việc nào. Sản phẩm sử dụng sức mạnh của Google Gemini, kết hợp với MEAN stack (giải pháp không dùng MongoDB) cùng Angular standalone components và Tailwind CSS để xây dựng giao diện mượt mà, đáp ứng mọi thiết bị.

Bạn sẽ được hướng dẫn chi tiết từng phần trong quá trình phát triển dự án và cách vận hành hệ thống này.

💡 Tại Sao Tôi Tạo Resume Optimizer Này?

Mỗi vị trí công việc đều có những yêu cầu riêng biệt nhưng phần lớn hồ sơ xin việc trên thị trường lại được viết một cách chung chung và thiếu cá nhân hóa. Điều này dẫn tới việc ứng viên khó khăn trong việc truyền tải đúng trọng tâm năng lực cũng như kinh nghiệm của mình một cách hiệu quả nhất.

Tôi muốn xây dựng một công cụ có khả năng:

So sánh tự động giữa hồ sơ và mô tả công việc

Đánh giá điểm phù hợp (match score)

Chỉ ra những kỹ năng hoặc từ khóa còn thiếu

Gợi ý chỉnh sửa nhằm làm nổi bật hồ sơ dựa trên thông tin đầu vào

Với sự hỗ trợ của AI mạnh mẽ, quá trình này không còn mất nhiều thời gian và công sức như trước đây.

🛠 Công Nghệ Sử Dụng

Frontend

Angular 20 với thành phần độc lập (Standalone Components)

Tailwind CSS cho giao diện hiện đại, linh hoạt

Sử dụng Signals để quản lý trạng thái cục bộ

Biểu mẫu phản ứng (Reactive Forms) cho việc nhập liệu và xác thực

ngx-markdown để render các phản hồi và gợi ý từ AI

Backend

Node.js với Express làm server API REST

Multer để xử lý upload file

Sử dụng Google Gemini API thông qua thư viện
google/genai
để vận hành AI

Các thư viện hỗ trợ trích xuất nội dung file PDF (pdf-parse) và DOCX (mammoth)

🧠 Tính Năng Nổi Bật

1. Tải lên hồ sơ và mô tả công việc

Hỗ trợ upload file PDF hoặc DOCX cho resume

Upload hoặc sao chép và dán trực tiếp phần mô tả công việc vào trình duyệt

2. Phân tích AI thông minh

Đánh giá điểm phù hợp (match score) trên thang điểm 0-100

Phát hiện từ khóa bị thiếu so với mô tả công việc

Gợi ý chỉnh sửa giúp cá nhân hóa hồ sơ hiệu quả hơn

3. Giao diện

Hỗ trợ chế độ tối (Dark Mode) thân thiện với mắt

Thiết kế đáp ứng (responsive) phù hợp mọi kích thước màn hình, từ máy tính đến điện thoại di động

🧩 Kiến Trúc Hệ Thống

Frontend Angular UI: Quản lý giao diện, tương tác người dùng, thu thập dữ liệu đầu vào

Express API Backend: Nhận file người dùng, xử lý trích xuất dữ liệu, gọi AI và trả kết quả

Google Gemini API: Động cơ xử lý NLP để phân tích và tạo các gợi ý

PDF/DOCX Parser: Nhận diện, trích xuất thông tin định dạng từ file người dùng upload

🖥️ Tổng Quan Frontend

Angular Standalone Components

Việc sử dụng components độc lập giúp giảm độ phức tạp trong cấu trúc app:

Quản lý trạng thái nội bộ với Signals như resumeFile , jdFile , và result

Tối ưu công cụ điều khiển giao diện bằng native control flow ( @if , @else )

Bộ form phản ứng để kiểm soát và xác thực nhập liệu

Kết hợp markdown để định dạng text trả về từ AI rất trực quan và rõ ràng

Ví dụ triển khai biến signals

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

🔧 Backend Chi Tiết

Xử lý file

pdf-parse để phân tích dữ liệu đầu ra từ file PDF

mammoth giúp chuyển file DOCX thành định dạng văn bản thuần

Tích hợp AI Google Gemini

Backend chuẩn bị prompt theo cấu trúc:

So sánh sơ yếu lý lịch và bản mô tả công việc sau. Vui lòng cung cấp:

Mã gọi API mẫu:

const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });

const response = await ai.models.generateContent({
  model: 'gemini-2.5-flash',
  contents: prompt,
});

🚀 Hướng Dẫn Chạy Ứng Dụng Tại Máy

1. Clone dự án

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

2. Cài đặt backend

cd backend
npm install
cp .env.example .env
# Thêm biến GEMINI_API_KEY vào file .env
npm run dev

3. Cài đặt frontend

cd ../frontend
npm install
ng serve

4. Truy cập tại địa chỉ: `http://localhost:4200`

📦 Kế Hoạch Cải Tiến Tương Lai

Xây dựng hệ thống đăng nhập để lưu lại lịch sử hồ sơ

Thêm các mẫu resume có thể chỉnh sửa trực tiếp trong ứng dụng

Hỗ trợ xuất báo cáo đánh giá AI ra file PDF

Đa ngôn ngữ để phù hợp hơn với thị trường toàn cầu

✨ Kết Luận

Resume Optimizer là một minh chứng cho sức mạnh của trí tuệ nhân tạo trong việc giải quyết các vấn đề thực tiễn, cụ thể ở đây là làm sao để tạo ra một hồ sơ xin việc ấn tượng và phù hợp với từng vị trí tuyển dụng. Với kiến trúc công nghệ hiện đại, ứng dụng không chỉ giúp tối ưu quá trình chuẩn bị hồ sơ mà còn tạo ra trải nghiệm người dùng mượt mà và tiện lợi.

Nếu bạn quan tâm đến việc phát triển kỹ năng AI và full-stack web development, đây là dự án rất đáng để tham khảo và thử nghiệm.

Đừng ngần ngại trải nghiệm demo trực tuyến hoặc tải mã nguồn trên GitHub để khám phá!

Tham Khảo

Google Developers. "Google Generative AI API Overview." https://developers.google.com/generative-ai

Angular Documentation, "Standalone Components & Reactive Forms" ( https://angular.io )

Tailwind CSS Documentation ( https://tailwindcss.com )

pdf-parse GitHub Repository ( https://github.com/modesty/pdf-parse )

mammoth.js GitHub Repository ( https://github.com/mwilliamson/mammoth.js )

Manthan Ank’s Resume Optimizer GitHub: https://github.com/manthanank/resume-optimizer June 1, 2024