Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

πŸš€ Free, ATS-friendly Resume Maker with 6 modern templates β€” built using React, TypeScript, Tailwind CSS, Shadcn/UI, and Vite. No data stored; everything runs locally in your browser.

License

Notifications You must be signed in to change notification settings

Afif718/Resumify

Repository files navigation

🧠 Modern Resume Maker

A free, privacy-focused Resume Maker that helps users create professional, ATS-friendly resumes instantly β€” featuring 6 modern templates and a sleek, responsive UI.

🌐 Live Demo

Try it now β†’

No installation needed! Start creating your resume instantly in your browser.

🌟 Features

  • πŸͺ„ 6 Modern Templates β€” Designed for different industries and styles
  • πŸ’Ύ Privacy-first β€” No sign-up, no backend; your data stays in your browser
  • ⚑ Fast and lightweight β€” Built with Vite + React + TypeScript
  • 🎨 Beautiful UI β€” Powered by Tailwind CSS and Shadcn/UI components
  • πŸ“„ ATS-Friendly β€” Clean HTML-to-PDF exports optimized for job portals
  • πŸ’Ό Import/Export β€” Save your resume data as JSON and reload it anytime
  • 🌐 Works Offline β€” Fully functional after initial load
  • 🎨 Full Customization β€” Customize colors, fonts, and page formats
  • πŸ“ Flexible Layouts β€” Single-column, two-column, and sidebar layouts
  • πŸ”„ Section Management β€” Show/hide and reorder resume sections
  • πŸ–ΌοΈ Profile Photo Support β€” Add professional photos to selected templates

🧰 Tech Stack

Technology Purpose
React + TypeScript (Vite) Frontend framework for fast SPA rendering
Tailwind CSS Utility-first styling for modern, responsive design
Shadcn/UI Pre-built accessible components with elegant design
Lucide React Clean, scalable icons
@react-pdf/renderer PDF generation for resume downloads

πŸ’Ό Use Cases

  • 🎯 Fresh graduates or professionals creating ATS-ready resumes
  • 🧾 Quick resume generation without sign-ups or tracking
  • 🧠 Comparing multiple templates instantly before applying for jobs
  • πŸ’Ύ Saving resume data locally and reusing it later
  • 🌐 Works completely offline after loading once
  • 🎨 Customizing resumes for different job applications with different color schemes
  • πŸ“ Creating region-specific resumes (US Letter vs A4 format)
  • πŸ”„ Tailoring section order and visibility for different roles

πŸš€ Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn

Installation

git clone https://github.com/Afif718/Resumify.git
cd modern-resume-maker
npm install
npm run dev

The app will be available at http://localhost:5173

Build for Production

npm run build
npm run preview

πŸ“¦ Quick Start with Sample Data

Want to see the templates in action immediately?

  1. Download the sample resume file: resume-2025εΉ΄10月12ζ—₯.json
  2. Open the app in your browser
  3. Click the Import button
  4. Select the resume-2025εΉ΄10月12ζ—₯.json file
  5. Instantly preview all 6 templates with pre-filled data!

🎨 Available Templates

1. Tech Sidebar (Selected by Default)

Perfect for developers and engineers with sidebar layout

  • Style: Tech-focused, Sidebar layout
  • Font: Inter
  • Features: Profile photo, Two-column layout, Tech-focused design
  • Best for: Software developers, engineers, technical roles

2. Business Professional

Clean and formal design for corporate roles

  • Style: Business, Single-column
  • Font: Georgia
  • Features: Single column, Professional typography, Minimal design
  • Best for: Corporate positions, management roles, traditional industries

3. Modern Minimal

Balanced design for creative and technical roles

  • Style: Creative, Two-column
  • Font: Poppins
  • Features: Bold sections, Modern typography, Color accents
  • Best for: Versatile roles, creative professionals, modern companies

4. Elegant Timeline

Timeline-based layout focusing on career progression

  • Style: Business, Single-column
  • Font: Lato
  • Features: Timeline design, Career-focused, Elegant styling
  • Best for: Career changers, senior professionals, consulting roles

5. Creative Modern

Bold and creative design for creative professionals

  • Style: Creative, Two-column
  • Font: Source Sans Pro
  • Features: Creative layout, Bold colors, Modern design
  • Best for: Designers, marketers, creative industries

6. B-JET Professional

Formal table-based CV format for professional applications

  • Style: Business, Single-column
  • Font: Arial
  • Features: Table layout, Formal structure, Multi-section support
  • Best for: Academic positions, research roles, formal applications

Template Guidelines:

  • βœ… All templates are ATS-friendly and designed to fit on one page
  • πŸ”„ Switch templates anytime without losing your data
  • 🎯 Each template is optimized for different career types and industries
  • 🎨 Colors and fonts can be customized for each template

πŸ“Έ Screenshots

Template Selection

image image image image

πŸ“ How to Use

1. Choose Your Template

Browse through 6 professionally designed templates and select the one that matches your industry and style

2. Enter Your Information

Fill in your details across multiple sections:

  • Personal Information & Contact Details
  • Professional Summary
  • Work Experience
  • Projects
  • Education
  • Skills
  • Custom Sections (add as many as you need)

3. Customize Your Design

  • Typography: Choose from multiple fonts and adjust font sizes
  • Colors: Select from 6 color presets or create custom color schemes
    • Professional Blue
    • Modern Teal
    • Creative Orange
    • Elegant Purple
    • Corporate Gray
    • Tech Green
  • Page Format: Choose between US Letter (8.5" ×ば぀ 11") or A4 (210mm ×ば぀ 297mm)

4. Manage Sections

  • Show/hide sections based on relevance
  • Reorder sections by dragging them
  • Keep most important sections at the top
  • Hidden sections preserve your data

5. Preview in Real-time

See changes instantly as you type and customize

6. Export Your Resume

  • Download as PDF β€” ATS-friendly format ready for job applications
  • Save as JSON β€” Export your data to reuse later

7. Import Previous Data

Load your saved JSON file to continue editing or switch templates

πŸ”’ Privacy & Security

  • No data collection β€” We don't track, store, or transmit your personal information
  • Browser-only storage β€” Your resume data never leaves your device
  • No accounts required β€” Start creating immediately without sign-up
  • Open source β€” Full transparency in how your data is handled

🀝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ™ Acknowledgments

πŸ“§ Contact

Have questions or suggestions? Feel free to open an issue or reach out!


Made with ❀️ for job seekers everywhere

⭐ If you find this useful, please consider giving it a star!

About

πŸš€ Free, ATS-friendly Resume Maker with 6 modern templates β€” built using React, TypeScript, Tailwind CSS, Shadcn/UI, and Vite. No data stored; everything runs locally in your browser.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /