6 ATS-friendly templates covering technical, business, creative, and academic directions, switchable at any time without losing entered data
ViteReactPortfolio
Resumify — Vite Portfolio Template
By Afif718
Resumify is a browser-based resume builder built with React, TypeScript, and Vite. It offers 6 ATS-friendly templates, live preview, and JSON import/export, requires no registration, and stores data locally in the browser.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Runs entirely in the browser, with no backend, no account, and no third-party tracking; data is stored locally
Supports color presets, fonts, page size (US Letter / A4), and adjustment of section order and visibility
Uses @react-pdf/renderer to generate PDFs on the client side, and supports JSON import/export to save and restore progress
Can be used offline after the first load, suitable for environments with limited network conditions
The repository provides sample JSON data; after importing it, you can immediately preview the effect of all templates
Template Details
Resumify is a resume creation tool that runs entirely in the browser, developed with React, TypeScript, and Vite, with an interface built from Tailwind CSS and Shadcn/UI components. It provides 6 resume templates aimed at different roles, covering technical, business, creative, and academic directions, and supports single-column, two-column, and sidebar layouts. Users can fill in personal information, summary, experience, projects, education, skills, and custom sections in a form, and see preview changes in real time. The editor allows adjusting fonts, color presets, page size (US Letter / A4), and section order and visibility; when a section is hidden, its data is still retained. For export, the project uses @react-pdf/renderer to generate PDFs on the client side, and also supports saving resume data as JSON and re-importing it, making it convenient to continue editing across sessions.
Because there is no backend service, all data is kept only in local browser memory, and the project states that it does not collect personal information or require registration. After the first load, the app can be used offline. The repository root provides a sample JSON file; after importing it, you can quickly view the filled effect of all templates. Note that features listed in the project README such as multilingual support, dark mode, cover letter generation, LinkedIn import, and resume scoring are all future plans and are not implemented in the current version.
ViteReactPortfolio
Is it right for your project?
Use Cases
- New graduates creating their first resume and quickly adjusting content for different roles
- Working professionals customizing multiple resumes for different positions and saving different versions via JSON export
- Job seekers who need ATS-friendly PDFs and do not want to register an account or upload personal information
- Users who need to continue editing resumes in offline or low-network environments
- Applicants who need specific page formats such as US Letter or A4
Suitable For
- Job seekers who want to quickly generate ATS-friendly resumes and value privacy
- Users who need multiple templates and color schemes for comparison and selection
- Front-end developers with a Node.js environment who want to run locally or do secondary development
- Users who need to back up and migrate resume data in JSON form
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
For online use, you can directly visit the demo site without installation or registration
- 2
Local running requires Node.js v16+ and npm or yarn; run npm install and npm run dev in sequence; the default address is http://localhost:5173
- 3
Use npm run build for a production build, and npm run preview to preview the build result locally
- 4
You can download the resume-2025-10-12.json sample file from the repository root and import it via the app's Import function to quickly view template effects
- 5
The code uses the MIT license and can be used, modified, and distributed for free, but third-party assets such as demo images, fonts, and icons need to be checked separately for licensing
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/Afif718/Resumify/blob/main/LICENSEhttps://github.com/Afif718/Resumify/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-04. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 92 / 100
- Technologies
- Vite · React
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-04-20
- Screenshot last checked
- 2026-10-04
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 975478aa6b5946b06879c8ed92cfb1107293b9b7e14b287c607fefc66aa93dcb
2026-10-04T15:05:24.743Z
Source file / repository# 🧠 Resumify — Free, Privacy-First Resume Maker        > **Build a professional, ATS-ready resume in minutes — 6 templates, full customization, zero sign-up, zero data collection.** ### 🌐 [Try the Live Demo →](https://resumify-by-afif.netlify.app/) *No installation. No account. Open in browser and start building.* --- ## 🔍 Why Resumify? Most resume builders track your data, lock features behind paywalls, or require an account just to get started. **Resumify does none of that.** Everything runs locally in your browser. Your personal information never leaves your device. No backend, no database, no surveillance — just a fast, beautiful resume builder that respects your privacy and gets out of your way. --- ## ✨ Features - 🪄 **6 modern templates** — designed for tech, business, creative, and academic roles - 🔒 **Zero data collection** — no sign-up, no backend, your data never leaves your browser - 📄 **ATS-friendly PDF export** — clean exports optimized for applicant tracking systems - 💾 **JSON import/export** — save your resume data and reload it anytime, across sessions - 🎨 **Full customization** — colors, fonts, page format (US Letter / A4), and section order - 📐 **Flexible layouts** — single-column, two-column, and sidebar options - 🔄 **Section management** — show, hide, and reorder sections without losing data - 🖼️ **Profile photo support** — available on selected templates - 🌐 **Works offline** — fully functional after the initial page load - ⚡ **Instant preview** — see every change reflected in real time as you type --- ## 🧰 Tech Stack | Technology | Purpose | |---|---| | React 18 + TypeScript | Frontend framework for fast, type-safe SPA rendering | | Vite | Lightning-fast dev server and production bundler | | Tailwind CSS | Utility-first styling for responsive, modern design | | Shadcn/UI | Accessible, elegant pre-built component library | | Lucide React | Clean, scalable icon set | | @react-pdf/renderer | Client-side PDF generation for resume downloads | --- ## 🎨 Available Templates | # | Template | Style | Best For | |---|---|---|---| | 1 | **Tech Sidebar** | Two-column, sidebar | Software developers, engineers | | 2 | **Business Professional** | Single-column, formal | Corporate, management, traditional industries | | 3 | **Modern Minimal** | Two-column, bold | Versatile roles, modern companies | | 4 | **Elegant Timeline** | Single-column, timeline | Senior professionals, career changers | | 5 | **Creative Modern** | Two-column, vibrant | Designers, marketers, creative industries | | 6 | **B-JET Professional** | Table-based, formal | Academic, research, formal applications | > ✅ All templates are ATS-friendly, fit on one page, and fully customizable — switch templates anytime without losing your data. --- ## 📁 Project Structure ``` Resumify/ │ ├── src/ │ ├── components/ # UI components (form sections, template renderers) │ ├── templates/ # Individual resume template definitions │ ├── hooks/ # Custom React hooks │ ├── types/ # TypeScript type definitions │ └── utils/ # Helper functions (PDF export, JSON handling) │ ├── public/ # Static assets ├── index.html ├── tailwind.config.ts ├── vite.config.ts ├── components.json # Shadcn/UI config └── resume-2025-10-12.json # Sample resume data for quick preview ``` --- ## 🚀 Getting Started ### Option A — Use Online (No Setup) 👉 **[resumify-by-afif.netlify.app](https://resumify-by-afif.netlify.app/)** — open and start building instantly. ### Option B — Run Locally **Prerequisites:** Node.js v16+ and npm or yarn ```bash # 1. Clone the repo git clone https://github.com/Afif718/Resumify.git cd Resumify # 2. Install dependencies npm install # 3. Start the dev server npm run dev ``` App runs at **http://localhost:5173** ```bash # Build for production npm run build npm run preview ``` ### ⚡ Quick Start with Sample Data Want to see all 6 templates immediately with real content? 1. Download **`resume-2025-10-12.json`** from the repo root 2. Open the app 3. Click **Import** 4. Select the JSON file 5. All templates are now populated and ready to preview --- ## 📝 How to Use **1. Pick a Template** — Browse 6 designs and choose what fits your industry **2. Fill in Your Details** — Personal info, summary, experience, projects, education, skills, and custom sections **3. Customize** — Fonts, color presets (Professional Blue, Modern Teal, Creative Orange, Elegant Purple, Corporate Gray, Tech Green), page size **4. Manage Sections** — Drag to reorder, toggle visibility, hidden sections retain your data **5. Export** — Download as ATS-ready PDF or save as JSON for later --- ## 🔒 Privacy & Security | What we do | What we don't do | |---|---| | ✅ Run entirely in your browser | ❌ Never collect personal data | | ✅ Store data in local browser memory | ❌ No backend server | | ✅ Open source — full transparency | ❌ No accounts or sign-ups | | ✅ Works offline after first load | ❌ No third-party tracking | --- ## 🤝 Contributing — You're Invited! Resumify is open source and **actively welcoming contributors**. Whether you're a designer, developer, or just someone who found a bug — your input makes this better for thousands of job seekers. ### 🌱 Good First Issues Looking for a place to start? Here are some great entry points: - 🎨 **Design a new resume template** — add your own style to the template library - 🌍 **Add multilingual support** — help non-English speakers build resumes - 🌙 **Dark mode for the editor UI** — the builder itself, not the resume - 🐛 **Bug fixes** — check open [issues](https://github.com/Afif718/Resumify/issues) - 📝 **Improve documentation** — clearer setup guides, contribution docs - ♿ **Accessibility improvements** — keyboard navigation, screen reader support ### 📋 How to Contribute ```bash # 1. Fork the repository # 2. Create your feature branch git checkout -b feature/your-feature-name # 3. Make your changes and commit git commit -m "Add: brief description of what you did" # 4. Push your branch git push origin feature/your-feature-name # 5. Open a Pull Request on GitHub ``` ### 💬 Before You Start For significant changes, please **open an issue first** to discuss your idea — this avoids duplicate work and ensures your contribution fits the project direction. Every contribution — no matter how small — is appreciated and credited. ⭐ --- ## 💼 Use Cases - 🎯 Fresh graduates building their first professional resume - 🔁 Professionals tailoring resumes for different job applications - 🧾 Anyone who wants ATS-ready PDFs without paying or signing up - 🌐 Users in low-connectivity environments needing an offline tool - 📐 Applicants needing region-specific formats (US Letter vs A4) --- ## 🔮 Future Roadmap - [ ] Additional resume templates (contributions welcome!) - [ ] Multilingual UI and resume content support - [ ] Dark mode for the editor - [ ] Cover letter builder - [ ] LinkedIn profile import - [ ] More color themes and font pairings - [ ] Resume scoring / ATS keyword checker --- ## 📄 License This project is licensed under the [MIT License](LICENSE). --- ## 🙏 Acknowledgments - [Vite](https://vitejs.dev/) — for the blazing fast build tooling - [Shadcn/UI](https://ui.shadcn.com/) — for beautiful accessible components - [Lucide](https://lucide.dev/) — for the icon set - [@react-pdf/renderer](https://react-pdf.org/) — for client-side PDF generation --- ## 👤 Author **M. H. A. Afif** — [@Afif718](https://github.com/Afif718) --- <div align="center"> **⭐ If Resumify helped you land a job or saved you time, please star the repo — it helps others find it too!** *Made with ❤️ for job seekers everywhere* </div>
Explore similar templates
Compare previews and descriptions within the same stack and category.
showlit
Showlit is a personal website template built with React, Vite, TypeScript, Tailwind CSS, and shadcn/ui.
Vite · Portfolio
folium
A developer portfolio template built with Vite, React, TypeScript, and Tailwind CSS.
Vite · Portfolio
kurizu-discord
A personal portfolio website built with React and Vite that mimics the Discord desktop app, organizing projects, skills, and experience into customizable channels, threads, a member list, and emoji reactions.
Vite · Portfolio
about-me-personal-portfolio-website-template
AboutMe is a free personal website template built with Bootstrap and Vite, released under the MIT license. It provides a single-page index.html with organized src directories for images, JavaScript, and SCSS, along with npm scripts for development and build.
Vite · Portfolio
HackFolio
HackFolio is a hacker-style personal portfolio template for ethical hackers, penetration testers, bug bounty hunters, red teamers, and cybersecurity professionals.
Vite · Portfolio
portfolio-main
A React, Vite, and TailwindCSS portfolio template for Garvit Joshi with a warm postal-themed homepage and a free in-browser Lab.
Vite · Portfolio