This project is a full-stack application that converts Markdown text into a PDF document. It features a live-updating editor and uses Puppeteer on the backend for high-quality PDF generation.
This is a solution for the "Markdown to PDF" coding challenge by John Crickett from codingchallenges.fyi.
- Live Markdown Preview: See your rendered HTML as you type.
- PDF Generation: Convert your markdown into a previewable PDF in a new tab.
- Syntax Highlighting: Code blocks are styled using Prism.js, matching the frontend preview in the final PDF.
- Frontend: Angular, Angular Material
- Backend: NestJS, Puppeteer, marked.js, Prism.js
.
├── MD-PDF-BE/ # NestJS Backend
├── MD-PDF-FE/ # Angular Frontend
-
Start the Backend: Open a new terminal, navigate to the
MD-PDF-BEdirectory, and run:cd MD-PDF-BE npm install npm run start:devThe backend will be running on
http://localhost:3000. -
Start the Frontend: Open a new terminal, navigate to the
MD-PDF-FEdirectory, and run:cd MD-PDF-FE npm install ng serveThe frontend will be running on
http://localhost:4200.