CoverLetter.AI

A Google Chrome Extension that crafts personalized, AI-powered cover letters based on your resume and the job description — right from your browser.

🔗 Install from Chrome Web Store

---

Features

• 📄 Resume Upload — Upload your resume in PDF or DOCX format
• 🤖 AI-Generated Cover Letters — Powered by OpenAI to generate tailored cover letters
• ✏️ Rich Text Editor — Edit and format your cover letter directly in the extension using a built-in Slate.js editor
• 💾 Export as DOCX — Download your finalized cover letter as a Word document
• 👤 User Profile — Save your personal details for reuse across applications

---

Tech Stack

Frontend (Chrome Extension)

• React 19 + TypeScript
• Vite (build tool)
• Tailwind CSS (styling)
• Slate.js (rich text editor)
• PDF.js + Mammoth.js (resume parsing)
• docx + file-saver (export to Word)

Backend (REST API)

• Node.js + Express + TypeScript
• OpenAI API (GPT-powered generation)
• Deployed on Fly.io via Docker

---

Project Structure

CoverLetter.AI/
├── frontend/          # Chrome Extension (React + Vite)
│   ├── src/
│   │   ├── components/
│   │   │   ├── CoverLetter.tsx     # Cover letter display & generation
│   │   │   ├── ResumeUpload.tsx    # Resume file upload & parsing
│   │   │   ├── RichTextEditor.tsx  # Slate.js rich text editor
│   │   │   ├── UserProfile.tsx     # User profile form
│   │   │   ├── Navbar.tsx
│   │   │   └── Footer.tsx
│   │   └── utils/
│   └── dist.zip                    # Packaged extension (ready to load)
└── backend/           # Express API
    ├── src/
    │   ├── server.ts
    │   └── app.ts
    ├── prompts/        # AI prompt templates
    └── Dockerfile

---

Getting Started

Prerequisites

• Node.js v18+
• An OpenAI API key

1. Clone the repository

git clone https://github.com/Praneeth003/CoverLetter.AI.git
cd CoverLetter.AI

2. Set up the Backend

cd backend
npm install

Create a .env file:

OPENAI_API_KEY=your_openai_api_key_here

Start the development server:

npm run dev

3. Set up the Frontend

cd frontend
npm install
npm run build

This generates a dist/ folder — the packaged Chrome extension.

4. Load the Extension in Chrome

1. Open Chrome and navigate to chrome://extensions
2. Enable Developer Mode (top right toggle)
3. Click Load unpacked
4. Select the frontend/dist/ folder

---

Usage

1. Click the CoverLetter.AI icon in your Chrome toolbar
2. Upload your resume (PDF or DOCX)
3. Paste the job description
4. Click Generate — the AI will craft a personalized cover letter
5. Edit the result using the built-in rich text editor
6. Download your cover letter as a .docx file

---

Deployment

The backend is containerized with Docker and deployed on Fly.io.

cd backend
npm run build
fly deploy