Resume Builder is an open-source web application built with React that lets users create, customize, and export professional resumes through a template-based workflow.
What is Resume Builder?
Resume Builder is a web-based tool that allows users to create and customize a professional resume to their desired specifications. It takes user-provided details such as work history, education, skills, and profile photos, and outputs a formatted resume that can be downloaded as a PDF. The application runs as a React single-page app, using Bootstrap and Chakra UI for styling, and is maintained by Hardik Desai under the MIT License on GitHub.
Key Features
- Template selection — Choose from multiple resume templates tailored to different job industries, then fill in your personal details.
- PDF export — Final resumes can be exported as PDF files using the react-html-to-pdf library, making them easy to share or print.
- Dark mode — A built-in dark mode toggle reduces eye strain when working in low-light environments.
- Profile image upload — Upload a profile picture that is inserted into your resume layout.
- User-friendly editing — The resume builder page provides a straightforward interface for adding and editing sections like experience and education.
- Tech stack — Built with React, React Router for multi-page navigation, React Icons for iconography, and styled with both Bootstrap and Chakra UI.
Who is it for?
- Job seekers — Create a polished resume without starting from a blank document, using pre-designed templates and simple editing.
- Career changers — Quickly swap templates to match different industries, ensuring each application looks appropriate for the target field.
- Open-source contributors — Developers can contribute to the project (it even participates in Hacktoberfest) by submitting pull requests on the GitHub repository.
What can you do with Resume Builder?
- Create a resume — Select a template on the template selection page, then fill in your details on the resume builder page.
- Export as PDF — After editing, generate a downloadable PDF of your completed resume for job applications.
- Work in dark mode — Toggle dark mode on the about page or throughout the site for a comfortable editing experience.
How does Resume Builder work?
- Clone the repository from GitHub and navigate into the project directory.
- Install dependencies with
npm install.
- Run
npm run start to launch the app, then open http://localhost:3000 in your browser.
FAQ
Is Resume Builder free to use?
Yes, the project is open source and released under the MIT License, meaning it is free to use, modify, and distribute.
What technology does Resume Builder use?
It is built with React, and uses Bootstrap and Chakra UI for styling, React Router for page navigation, React Icons for icons, and react-html-to-pdf for PDF generation.
Can I add a photo to my resume?
Yes, the application includes an image upload feature for adding a profile picture to your resume.
Does the resume builder support dark mode?
Yes, a dark mode option is available, as shown in the project's screenshots.
How do I run the project locally?
Clone the repository, run npm install, then npm run start. The app will be available at http://localhost:3000.
