DEV Community

Cover image for Build a PDF Maker with React, Tailwind, Mammoth.js, and PDFKit
Rounak Bakshi
Rounak Bakshi

Posted on

Build a PDF Maker with React, Tailwind, Mammoth.js, and PDFKit

Hey Friends!
I just wrapped up a full-stack project that converts .docx files into clean, downloadable PDFs — all from a modern web interface.

Tech Stack Used:
Frontend: React + Tailwind CSS
Backend: Node.js + Express

Libraries:
Mammoth.js – for extracting clean HTML from .docx files
PDFKit – for generating professional PDFs
Multer – for handling file uploads

Key Features:
Upload .docx files
Preview content in clean HTML (no messy Word styles)
Generate and download fully styled PDFs
Mobile responsive UI
Seamless UX with React and Tailwind

šŸ”— GitHub Repo:
Check out the full code here:
https://github.com/rou-nak-cloud/PDF-Maker

What I Learned...

  1. Handling file uploads with Multer in Express
  2. Parsing .docx files cleanly using Mammoth.js
  3. Dynamically generating PDFs server-side with PDFKit
  4. Structuring a React project with Tailwind and Axios
  5. Ensuring responsive design from start to finish

Thanks for reading & happy coding!! šŸ”§

Top comments (0)