Skip to content

Commit f9877f8

Browse files
author
whatevert
committed
m
0 parents  commit f9877f8

File tree

4 files changed

+343
-0
lines changed

4 files changed

+343
-0
lines changed

.gitignore

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
src
2+
archive
3+
node_modules
4+
# Copy-Item -Path .\\src\\* -Destination .\\docs\\ -Recurse -Force && esbuild ./docs/main.jsx --outfile=./docs/main.js && javascript-obfuscator ./docs/main.js --output ./docs && rm ./docs/main.jsx && mv ./docs/main.js ./docs/main.jsx
5+
# git config --global user.name "whatevert" && git config --global user.email "whatever" && rm -r -fo .git && git init && git checkout -b main && git remote add origin https://github.com/html-resume/html-resume.github.io.git && git add . && git commit -m m && git push origin main --force

README.md

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
# HTML Resume Editor
2+
3+
[![Deployment Link](https://img.shields.io/badge/Live-HTML%20Resume-blue?logo=rocket&logoColor=yellow)](https://html-resume.github.io)
4+
5+
## Overview
6+
7+
The HTML Resume Editor is a professional web application that enables users to create, customize, and export high-quality resumes using standard HTML markup. This powerful tool offers a streamlined experience for job seekers, allowing direct manipulation of HTML code to generate visually appealing resumes with real-time previews and PDF export capabilities.
8+
9+
## Key Features
10+
11+
* **Professional HTML Markup Editor:** Harness the power of HTML to create pixel-perfect resumes using the industry-standard Monaco Editor (the same editor that powers VS Code).
12+
13+
* **Instantaneous Rendering:** The application processes your HTML markup in real-time, generating immediate visual previews that accurately represent your final document.
14+
15+
* **PDF Generation Engine:** Convert your HTML markup directly into professional PDF documents suitable for job applications, all processed client-side for data privacy.
16+
17+
* **WYSIWYG Experience:** What You See Is What You Get - the editor provides a seamless connection between your markup and the rendered output, ensuring your resume appears exactly as intended.
18+
19+
* **Responsive Design Integration:** Embedded responsive design capabilities ensure your resume displays correctly across all devices and print media.
20+
21+
* **Cross-browser Compatibility:** The generated documents maintain consistent formatting across different browsers and platforms.
22+
23+
## Technical Implementation
24+
25+
The HTML Resume Editor leverages modern web technologies to transform raw HTML markup into professional documents:
26+
27+
* **HTML Markup Processing:** Custom HTML is interpreted and rendered through sandboxed iframes for preview security.
28+
29+
* **CSS Styling Support:** Fully supports embedded CSS for advanced styling and layout control.
30+
31+
* **PDF Conversion Pipeline:** Utilizes html2pdf.js to transform the HTML markup into publication-ready PDF documents.
32+
33+
* **Responsive Framework:** Integrates Tailwind CSS to ensure responsive design principles are applied consistently.
34+
35+
* **Real-time Update Engine:** Implements a reactive architecture that instantly propagates markup changes to all preview panels.
36+
37+
## Getting Started
38+
39+
1. Open the editor at [HTML Resume Editor](https://html-resume.github.io)
40+
2. Customize the HTML markup in the editor panel
41+
3. View real-time changes in the HTML preview panel
42+
4. Generate and download a professional PDF when satisfied with your design
43+
44+
## Use Cases
45+
46+
* Job seekers creating customized resumes for different positions
47+
* Professionals maintaining up-to-date CVs with precise formatting control
48+
* Career counselors helping clients build effective application materials
49+
* Recruiters creating standardized resume templates for candidates

0 commit comments

Comments
 (0)