Shikhar KC
Back to all blogs
I Used AI to Optimize My Own Portfolio Site

I Used AI to Optimize My Own Portfolio Site

Shikhar KC
July 18, 2024
AI
Genkit
Web Dev
Next.js

As a tech enthusiast, I'm always looking for ways to integrate cutting-edge technology into my projects. For this portfolio, I didn't want to just talk about my skills; I wanted to demonstrate them. That's why I built an AI-powered Resume Optimizer right into the site.

The Challenge: Tailoring Resumes at Scale

Anyone who has applied for jobs knows the grind. You need to tailor your resume for every single application to highlight the right skills and keywords. It's time-consuming and tedious. I thought, "Can I automate this process with AI?"

The Solution: Genkit and Next.js

I used Google's Genkit, an open-source AI framework, to build the intelligence. It's designed to make it easy to create robust, production-ready AI flows. I integrated this into my Next.js application, creating a seamless user experience.

Here's how it works:

  1. A user (like a recruiter, or even you!) pastes a job description into a form on the site.
  2. My base resume data is sent along with the job description to my Genkit flow running on the server.
  3. The AI, guided by a detailed prompt I engineered, analyzes the two documents. It calculates a match score, extracts missing keywords, and suggests concrete bullet points to add.
  4. Most importantly, it rewrites my entire resume to be perfectly optimized for the job description.

Try It Yourself!

This isn't just a hypothetical project. It's a live tool on this website. It's a demonstration of my ability to not only use AI but to build practical, useful applications with it. Head over to the Career Tools page to see it in action (passcode is 0606).

More From the Field