Cover Letter Customizer

April 8, 2025

Github
Cover Letter Customizer

Cover Letter Customizer is a markdown-to-HTML formatter web app built with Next.js. It lets users create professional-looking cover letters using markdown-style input, preview them in real time, and export them as PDFs with a single click.

Key Features

  • Built with Next.js: Server-side rendered React app for fast and SEO-friendly performance.
  • Markdown-Like Formatting: Supports **bold**, *italic*, __underline__, bullet points, numbered lists, and [links](url).
  • Live HTML Preview: Instantly renders input into styled, readable HTML.
  • Download as PDF: One-click export of the final formatted letter as a downloadable PDF.
  • Custom Link Styling: Makes links stand out with a distinct color.
  • Fully Responsive: Clean and adaptive layout across devices.
  • Lightweight Logic: Custom regex-based markdown formatting, no heavy libraries.

How to Use

  1. Clone the Repository
git clone https://github.com/rushiii3/cover-letter-customizer.git
cd cover-letter-customizer
  1. Install Dependencies
npm install
# or
yarn
  1. Start the Development Server
npm run dev
# or
yarn dev
  1. Write Your Letter
  • Use markdown-like formatting:
    • **bold**, *italic*, __underline__
    • • Bullet or 1. Ordered list
    • [GitHub](https://github.com/rushiii3) for links
  1. Preview & Export
  • View the formatted output in real time.
  • Click the Download PDF button to export your letter.

Screenshots

Input Area

Live Preview

PDF Export

Tech Stack

  • Framework: Next.js
  • Languages: TypeScript, JavaScript
  • Libraries: react-to-pdf
  • Parsing Logic: Custom Regex
  • Styling: CSS Modules or Tailwind CSS

Cover Letter Customizer helps job seekers create clean, professional letters in minutes — no Word or external tools required.