PrepPath

AI-powered interview prep and resume coach. Paste a job description and your resume, and get a full prep set: tailored interview questions, honest resume feedback, and a rewritten resume.

Built for job seekers, career switchers, and anyone with an interview coming up who wants prep that's actually specific to the role, not generic advice.

---

Features

• 10 tailored interview questions — 5 general questions strong for the role and industry, plus 5 questions built specifically around how your resume lines up with the job description
• Resume suggestions — 3–5 specific, actionable points on what to improve and why it matters for this job
• Fully rewritten resume — a complete, ready-to-use version incorporating those suggestions, with a one-click copy button
• Practice mode, your way — for every question, choose to either type your own answer and get direct feedback (strengths, what to improve, one rewrite tip), or see a strong sample answer instead. The choice is made per question, not globally.
• Automatic retry on flaky requests — if a request fails, it silently retries once before ever showing an error
• Clean, single-page flow: input → results → practice, no page reloads

Tech Stack

• Frontend: Vanilla HTML, CSS, and JavaScript — no build step required
• AI: Claude via the Anthropic API
• Backend: A minimal Express server (local) or Vercel Serverless Function (production) — used only to keep the API key secure server-side
• Contact form: Formspree

Project Structure

preppath/
├── index.html          # Main tool page (input, results, practice — all one page)
├── about.html           # About page
├── contact.html          # Contact page
├── css/
│   ├── global.css        # Shared design tokens, nav, footer
│   ├── home.css           # Tool page styles
│   ├── about.css           # About page styles
│   └── contact.css          # Contact page styles
├── js/
│   ├── prompts.js          # Isolated AI system prompts (analysis, feedback, sample answer)
│   ├── analyze.js           # Core app logic + API calls + retry handling
│   ├── contact.js            # Contact form handling (Formspree)
│   └── main.js                 # Shared nav behavior
├── api/
│   └── analyze.js          # Vercel serverless function (production API relay)
├── server.js              # Local dev server (Express)
├── package.json
└── .env.example

Getting Started (Local Development)

1. Clone the repo and install dependencies

npm install

2. Add your Anthropic API key

Copy .env.example to .env and add your real key:

ANTHROPIC_API_KEY=sk-ant-your-real-key-here

Get a key from the Anthropic Console. API usage is billed separately from any Claude.ai subscription — usage-based pricing, not a flat fee.

3. Run the local server

node server.js

4. Open the app

Visit http://localhost:3000 in your browser.

How It Works

1. Paste a job description and your resume — both as plain text
2. Click "Analyze & Prepare Me" — Claude reads both together and returns a full prep set
3. Review your results — general and tailored questions, resume suggestions, and a rewritten resume
4. Practice each question your way — answer it yourself and get feedback, or see a strong sample answer, question by question

Disclaimer

PrepPath is an AI tool built to help you prepare. Practice with it, but always answer in your own words in the real interview.

Author

Alan Macharia I build AI-powered systems and tools for businesses.

🔗 linkedin.com/in/alan-macharia-ai

PrepPath was built as a demonstration of AI-powered tools that solve real, everyday problems and not AI for the sake of it. Interested in a custom AI-powered tool or system for your business? Let's connect.