Resume Maker

A professional resume builder that allows you to create, edit, and download your resume as HTML. Built with vanilla HTML, CSS, and JavaScript.

Features

• ✨ Professional single-column resume format
• 📝 Real-time editing with inline content editing
• ➕ Add multiple entries for experience, projects, education, and more
• 💾 Save progress locally (browser localStorage)
• 📥 Download resume as HTML file
• 🏠 Home page with "Continue Where You Left" feature
• 🎨 Clean and professional design matching industry standards

Project Structure

resume_maker/
├── index.html          # Home page
├── resume.html         # Resume builder page
├── script.js           # JavaScript functionality
├── styles.css          # Styling
├── package.json        # NPM configuration
├── vercel.json         # Vercel deployment configuration
└── README.md           # This file

Local Development

1. Clone or download this repository
2. Open index.html in your browser
3. Or use a local server:

   # Using Python
   python -m http.server 8000
   
   # Using Node.js (http-server)
   npx http-server

4. Navigate to http://localhost:8000

Deployment to Vercel

Option 1: Using Vercel CLI

1. Install Vercel CLI (if not already installed):

   npm install -g vercel

2. Login to Vercel:

   vercel login

3. Deploy:

   vercel

4. For production deployment:

   vercel --prod

Option 2: Using Vercel Dashboard (GitHub)

1. Push your code to GitHub repository
2. Go to vercel.com
3. Click "New Project"
4. Import your GitHub repository
5. Vercel will automatically detect it's a static site
6. Click "Deploy"

Option 3: Using Vercel Dashboard (Manual Upload)

1. Go to vercel.com
2. Click "New Project"
3. Upload the project folder
4. Vercel will deploy it automatically

Build Command

For static sites, no build step is required. The build command simply confirms this:

npm run build

Notes

• This is a static website with no server-side code
• All data is stored in browser's localStorage (client-side only)
• The File System Access API (Save As dialog) works best in Chrome/Edge with HTTPS
• For other browsers, the save feature opens the resume in a new tab where you can use Ctrl+S to save

Browser Support

• Chrome/Edge: Full support including Save As dialog
• Firefox: Full support (Save As via Ctrl+S in new tab)
• Safari: Full support (Save As via Cmd+S in new tab)

License

MIT