Offer/Experience Letter Generator

A React.js-based frontend-only application for generating professional offer letters and experience letters.

Features

• ✅ Multi-step workflow (Letter Type → Logo → Template → Editor)
• ✅ Company logo/name input (text or image - JPG, PNG, GIF)
• ✅ Multiple professional templates
• ✅ Font customization (Arial, Times New Roman, Georgia, etc.)
• ✅ Color customization
• ✅ Dynamic form fields based on letter type
• ✅ PDF download using html2pdf.js
• ✅ DOCX download using docx library
• ✅ Fully frontend-only (no backend required)

Installation

npm install

Development

npm run dev

The app will be available at http://localhost:5173

Build for Production

npm run build

Built files will be in the dist folder.

Usage

1. Select letter type (Offer Letter or Experience Letter)
2. Enter company name as text or upload logo image
3. Choose a template and customize fonts/colors
4. Fill in candidate details
5. Download as PDF or DOCX

Project Structure

src/
├── components/
│   ├── LandingPage.jsx      # Letter type selection
│   ├── LogoInput.jsx         # Company logo/name input
│   ├── TemplateSelection.jsx # Template and customization
│   └── LetterEditor.jsx      # Final editor and download
├── templates/
│   └── templates.js          # Letter templates
├── App.jsx                   # Main app with routing
└── main.jsx                  # Entry point

Technologies

• React.js
• React Router
• Vite
• html2pdf.js
• docx
• file-saver