Resume Builder is a modern, privacy-focused web application designed to simplify the resume creation process. Built with React and Vite, it offers a real-time preview, ATS scoring system, and flexible export options. No sign-up required—your data stays in your browser's local storage.
- ⚡ Real-Time Preview: See your changes instantly as you type. No guesswork needed.
- 🎯 ATS Score Meter: Built-in logic analyzes your content and provides real-time feedback to improve your Applicant Tracking System (ATS) score.
- 🔧 JSON Editor: For power users, directly edit the underlying JSON data to bulk update or backup your resume.
- 📱 Responsive Design: Seamlessly switch between Editor and Preview modes on mobile devices.
- 💾Multiple Export Options:
- PDF: Print-ready high-quality PDF export.
- HTML: Download the raw HTML for hosting.
- JSON: Save your data structure to import later.
This project is built using modern web technologies to ensure performance and maintainability:
- Frontend: React 19
- Build Tool: Vite
- Styling: Tailwind CSS v4
- Icons: Lucide React
- State Management: React Hooks + Local Storage
- Utilities: React-to-print
Get running locally in less than 5 minutes.
-
Clone the repository
git clone https://github.com/varoonk21/resume_builder.git cd resume_builder -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Launch Open your browser and navigate to
http://localhost:5173.
-
Form Editor (Left Panel):
- Navigate through sections like Personal Details, Experience, Education, etc.
- Use the Use Sample Data button in the header to populate fields for testing.
-
Review ATS Score:
- Check the progress bar at the top of the form.
- It analyzes description length, impact words, and skill keywords.
-
Customize & Export:
- Use the floating toolbar (right side) to change fonts or zoom.
- Click the Export button to download as PDF, HTML, or JSON.
Contributions make the open-source community an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Star ⭐ this repository if you find it useful!
Made with ❤️ by Varoon Kumar