Resume Maker Documentation

Welcome to Resume Maker, a powerful application designed to help you create professional resumes with ease using HTML and CSS.

Overview

Resume Maker provides an interactive editor and preview environment where you can edit your resume in real-time. Whether you need a general resume or one tailored for a specific company, our application gives you the tools to create polished, professional documents that stand out.

Features

• HTML Editor: Edit your resume using HTML and CSS with our Monaco editor, which includes features like syntax highlighting and auto-formatting
• Real-time Preview: See your changes instantly in the preview panel
• Multiple Resume Types: Coming soon!
• Pre-built Templates: Start with professional templates that you can customize
• Privacy Protection: Toggle personal information to replace real data with fake data
• PDF Download: Export your resume as a PDF with a single click
• Job Description Notes: Add job description details to tailor your resume for specific positions
• CSS Class Management: Use the Class for Style feature to manage CSS classes and styling

Getting Started

Creating a New Resume

1. Navigate to the sidebar on the left side of the application
2. Click the "+" button next to either "General" or "Companies" based on your needs
3. Enter a name for your resume and click "Add"
4. Click the "Load Template" button to start with a professional template

Editing Your Resume

1. Use the HTML editor on the left to modify your resume content
2. All changes will appear in real-time in the preview panel on the right
3. Customize the HTML and CSS to match your preferences
4. The editor features syntax highlighting, auto-formatting, and line numbers to make editing easier

Using the Tools

The sidebar provides several tools to enhance your resume creation:

• Class for Style: When enabled, shows available CSS classes with descriptions and allows you to add them to your resume
• Job Description: Opens a text area where you can store job descriptions to reference while tailoring your resume
• Personal Info: Toggle between showing your real personal information or replacing it with fake data for privacy

Exporting Your Resume

When you're satisfied with your resume, you can easily download it as a PDF:

1. Review your resume in the preview panel
2. Click the download button (circular button with download icon) in the bottom right corner of the preview
3. Your resume will be downloaded as a professionally formatted PDF document

Template Structure

Resume Maker templates use a structured HTML format with embedded CSS. The main sections include:

• Header: Contains your name and contact information
• Education: Lists your educational background
• Experience: Details your work history
• Projects: Showcases relevant projects
• Skills: Highlights your technical and professional skills

Each section uses specific CSS classes for styling, which you can customize to match your preferences.

Tips for Creating Effective Resumes

• Keep your resume concise and focused on relevant information
• Use bullet points to make your accomplishments easy to scan
• Quantify your achievements whenever possible (e.g., "Increased sales by 20%")
• Tailor your resume for each job application by emphasizing relevant skills and experiences
• Use action verbs to describe your responsibilities and achievements
• Ensure your contact information is current and professional
• Proofread carefully to eliminate typos and grammatical errors

CSS Classes Reference

Resume Maker provides several CSS classes you can use to style your resume:

Need Help?

If you encounter any issues or have questions about using Resume Maker, please refer to this documentation or contact our support team for assistance.