CoverAI – LLM-Powered Cover Letter Generator

A modern web application that transforms your resume and professional data into AI-generated, personalized cover letters. Built with React, TypeScript, and Vite, featuring multi-LLM support (OpenAI, Google Gemini, Anthropic Claude) and professional PDF export capabilities.

🌟 Features

Multi-LLM Support

OpenAI ChatGPT: Leverage GPT models for intelligent content generation
Google Gemini: Utilize Google's advanced AI capabilities (Recommended)
Anthropic Claude: Access Claude's thoughtful and precise language generation
Easy Switching: Seamlessly switch between providers based on your needs

Intelligent Data Processing

Flexible Input: Accept resume data in multiple formats (plain text, structured JSON)
AI-Powered Organization: Automatically structure and categorize your professional information
Editable Categories: Review and refine organized data across Philosophy, Work Experience, Projects, Background, and Skills
Smart Analysis: AI extracts key insights from your narrative

Professional Cover Letter Generation

Job-Specific Tailoring: Deep analysis of job descriptions to create targeted cover letters
Custom Instructions: Provide specific guidance for tone, emphasis, and key points
Rich Text Editing: Built-in editor with formatting tools (bold, italic, headings)
Real-time Preview: See your cover letter as you edit

Export & Management

PDF Export: Download professionally formatted PDFs with proper typography
Data Persistence: All data saved locally in browser storage
Letter History: Save and manage multiple cover letters
Applicant Information: Store and reuse your contact details

📸 Screenshots

1. Setup & API Configuration

Choose your preferred AI provider and securely configure your API key. All keys are stored locally and never sent to external servers.

2. Data Input

Paste your resume or professional information in any format. The AI will automatically organize it into structured categories.

3. AI Processing

Watch as the AI analyzes your narrative, extracting key information about your experience, skills, and background.

4. Organized Data Review

Review and refine your organized data across Philosophy, Work Experience, Projects, Background, and Skills. Each section is fully editable.

5. Job Details Input

Provide the job description and optional custom instructions. The AI will analyze the role and align your experience with the opportunity.

6. Cover Letter Editor

Edit your generated cover letter with rich text formatting tools. Make it perfect before downloading.

7. PDF Export

Download your cover letter as a professionally formatted PDF with proper typography and layout.

🚀 Getting Started

Prerequisites

Node.js (version 16 or higher)
npm or yarn
API Key for at least one LLM provider:
- OpenAI API Key
- Google Gemini API Key (Recommended)
- Anthropic Claude API Key

Installation

Clone the repository
```
git clone <repository-url>
cd coverai
```
Install dependencies
```
npm install
```
Start the development server
```
npm run dev
```
Open your browser Navigate to http://localhost:5173

Building for Production

npm run build

The production build will be available in the dist directory.

📖 Usage Guide

Step 1: Setup

Select your preferred AI provider (Gemini recommended)
Enter your API key securely
Test the connection to ensure everything works

Step 2: Input Your Data

Choose between Resume Format or JSON Format
Paste your resume, CV, or professional information
Click "Organize with AI" to process your data

Step 3: Review & Organize

Review the AI-organized data across all categories
Edit any section to refine the content
Ensure all information accurately represents your background

Step 4: Job Details

Paste the job description
Optionally add custom instructions for the cover letter
Click "Forge the Letter" to generate

Step 5: Edit & Download

Review the generated cover letter
Use formatting tools to emphasize key points
Edit content as needed
Enter applicant information
Download as PDF or save for later

🏗️ Technology Stack

Frontend

React 19 - Modern UI library
TypeScript - Type-safe development
Vite - Fast build tool and dev server
CSS3 - Custom styling with modern features

AI Integration

OpenAI SDK - ChatGPT integration
Google Generative AI SDK - Gemini integration
Anthropic SDK - Claude integration

PDF Generation

jsPDF - Client-side PDF generation
html2canvas - HTML to image conversion

Data Management

localStorage - Client-side data persistence
React State Management - Component-level state

📁 Project Structure

coverai/
├── src/
│   ├── components/
│   │   ├── AppWrapper.jsx          # Main app wrapper with theme
│   │   ├── LLMSelector.jsx         # AI provider selection & API key management
│   │   ├── DataInput.jsx           # Resume/data input interface
│   │   ├── DataOrganizer.jsx       # AI-powered data organization
│   │   ├── EditableGrid.jsx        # Grid-based data editing interface
│   │   ├── JobInput.jsx            # Job description input
│   │   ├── LetterGenerator.jsx    # Cover letter generation
│   │   ├── LetterEditor.jsx       # Rich text editor for cover letters
│   │   └── DownloadButton.jsx     # PDF export functionality
│   ├── utils/
│   │   ├── llmService.js           # LLM API integration service
│   │   └── apiTester.js            # API connection testing
│   ├── App.jsx                     # Main application component
│   ├── App.css                     # Global styles
│   └── main.tsx                    # Application entry point
├── screenshots/                    # Application screenshots
├── public/                         # Static assets
└── dist/                           # Production build output

🔒 Privacy & Security

100% Client-Side: All processing happens in your browser
Local Storage Only: Your data never leaves your device
Secure API Keys: Keys stored securely in browser localStorage
No Backend Required: No server-side data collection or storage
No User Accounts: Completely anonymous and private

🎯 Key Features in Detail

Smart Data Organization

The AI analyzes your input and automatically organizes it into:

Philosophy: Your worldview, values, and approach to work
Work Experience: Professional journey, roles, and achievements
Key Projects: Specific projects showcasing your capabilities
Background: Educational and personal history
Skills & Competencies: Technical and soft skills

Intelligent Cover Letter Generation

Analyzes job descriptions for core requirements and company culture
Aligns your experience with role-specific needs
Generates personalized, professional content
Supports custom instructions for tone and emphasis

Professional PDF Export

Clean, professional typography
Consistent formatting across pages
Automatic filename generation
Customizable applicant information

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

Built with modern web technologies for optimal performance
Designed for job seekers who want professional, AI-powered cover letters
Inspired by the need for personalized, targeted job applications

Built with ❤️ using React, TypeScript, and AI

Name		Name	Last commit message	Last commit date
Latest commit History 7 Commits
public		public
screenshots		screenshots
src		src
.gitignore		.gitignore
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

Anjan50/coverai

Folders and files

Latest commit

History

Repository files navigation