A simple, fast, and feature-rich HTML Resume Builder App designed to help professionals create beautiful resumes effortlessly.
🔗 Visit Live App: Resume Builder
- Multiple Templates: Choose from 5 premium templates (Classic, Modern, Creative, Minimalist, Executive).
- Real-Time Live Preview: See changes exactly as you type.
- Export Options: Instantly export the resume as a high-quality PDF.
- Data Portability: Export your resume data to JSON and import it back anytime to continue editing.
- Dark & Light Themes: Toggle between beautiful dark and light themes.
- No Sign-Up Required: Start building right away without creating an account.
This project is built directly with web standards and lightweight libraries for speed and minimal dependencies:
- HTML5: Semantic structure.
- CSS3: Custom responsive styling and theming (no heavy CSS frameworks).
- Vanilla JavaScript: Fast, framework-free DOM manipulation and application logic.
- jQuery: For simplifying specific DOM operations and supporting Summernote.
- Summernote: Rich text editor for writing comprehensive professional summaries.
- html2pdf.js: Client-side HTML to PDF generation.
- Lucide Icons: Clean, modern SVG icons.
To run this project locally, follow these simple steps:
-
Clone the repository:
git clone https://github.com/antonyrobin/resume_builder.git
-
Navigate to the project directory:
cd resume_builder -
Open the application:
- Since this is a static project without a backend, you can simply open the
index.htmlfile in any modern web browser. - For a better development experience, you can use a local web server like Live Server in VS Code or Python's
http.server:Then navigate topython -m http.server 8000
http://localhost:8000in your browser.
- Since this is a static project without a backend, you can simply open the
- Template Switching: Dynamically swap templates without losing any entered data. The preview updates instantly.
- Image Upload: Upload a profile picture which gets seamlessly embedded into the selected template.
- Rich Text Entry: The summary field uses Summernote, allowing bolding, italicizing, and formatting text easily.
- Dynamic Array Fields: Experience, Education, Projects, Courses, and Certifications sections are fully dynamic. You can add as many items as needed.
- Persistent Data (Export/Import): The application allows exporting the full state (including images as base64) into a
.jsonfile, and later importing it to resume work. - PDF Generation: Captures the DOM of the preview container and exports it as a perfectly scaled standard A4 size PDF.
This project is licensed under the MIT License.
See the LICENSE file for more details. Enjoy open-source!