Easy Resume is a modern, user-friendly web application designed to help users create, customize, and download professional-looking resumes with ease. Built with React and Vite, this project provides a seamless experience for crafting job-winning resumes, offering multiple templates and a real-time preview.
Finding a job can be challenging, and a well-crafted resume is the first step toward success. Easy Resume was built to simplify this process. It provides an intuitive interface where users can input their information once and see it instantly reflected across multiple, professionally designed templates. The goal is to empower users to create a high-quality, personalized resume that they can download as a pixel-perfect PDF, ready for job applications.
- Multiple Professional Templates: Choose from 5 unique, modern resume templates (Modern, Minimalist Sidebar, Creative, Executive, and Traditional).
- Intuitive Editor: A clean and simple form-based editor allows for easy input of personal information, summary, work experience, education, skills, and even custom sections.
- Real-Time Preview: As you type in the editor, see your resume update instantly in the selected template.
- Dark Mode: A sleek, eye-friendly dark mode for comfortable use in any lighting condition.
- Responsive Design: The application is fully responsive and works beautifully on desktops, tablets, and mobile phones.
- High-Quality PDF Export: Download your final resume as a high-resolution, print-ready A4 PDF with clickable links for your email, LinkedIn, and portfolio.
- Image Cropper: Upload and crop your profile picture for the perfect fit.
- Local Storage Persistence: Your resume data is automatically saved in your browser's local storage, so you can pick up where you left off.
This project is built with a modern front-end stack, focusing on performance and a great developer experience.
- React: A JavaScript library for building user interfaces.
- Vite: A next-generation front-end tooling that provides a faster and leaner development experience.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- React Router: For client-side routing and navigation between pages.
- html2pdf.js: A powerful library used for generating high-quality, multi-page PDFs directly from HTML content.
- Lucide React: A beautiful and consistent icon library.
To get a local copy up and running, follow these simple steps.
Make sure you have Node.js and npm (or yarn) installed on your machine.
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/shadowsilence94/resumemaker.git resumemaker
- Navigate to the project directory
cd resumemaker - Install NPM packages
npm install
- Run the development server
Your application will be running at
npm run dev
http://localhost:5173.
The project follows a standard Vite + React structure, organized for clarity and scalability.
/ |-- public/
|-- src/
| |-- assets/
| |-- components/
| | |-- common/
| | |-- forms/
| | |-- layout/
| | |-- ui/
| |-- context/
| |-- features/
| | |-- resume/
| | |-- templates/ (Tpl1.jsx, Tpl1.module.css, etc.)
| |-- hooks/
| |-- pages/
| |-- utils/
| |-- App.jsx
| |-- main.jsx
| |-- index.css
|-- .eslintrc.cjs
|-- .gitignore
|-- index.html
|-- package.json
|-- postcss.config.js
|-- tailwind.config.js
|-- README.md
Htut Ko Ko - @htutkoko - htutkoko1994@gmail.com
Project Link: github