A modern, ATS-friendly Resume Builder designed specifically for technical university students (B.Tech CS/IT/ECE/EE). Build professional resumes with beautiful templates, export to PDF/DOCX, and sync across devices - completely FREE!
- ✅ 11 Customizable Sections - Profile, Education, Experience, Projects, Skills, Certifications, Achievements, POR, Publications, Extracurriculars, Languages
- ✅ 6 Professional Templates - Classic, Modern, Minimal, Two-Column, Compact, ATS-Optimized
- ✅ ATS-Friendly Mode - Toggle between beautiful and scanner-optimized formats
- ✅ Live Preview - See changes in real-time
- ✅ Sample Data Loader - Pre-filled examples (Bengali/Indian context)
- ✅ Works Offline - LocalStorage ensures data persists without login
- ✅ Cloud Sync (Optional) - Firebase authentication for multi-device access
- ✅ Auto-Save - Never lose your work (2-second debounce)
- ✅ Export Formats - PDF (Beautiful & ATS), DOCX, Plain Text
- ✅ Google Sign-In
- ✅ GitHub Sign-In
- ✅ Facebook Sign-In
- ✅ Email/Password
- ✅ Dark Mode - System preference + manual toggle (Light/Dark/Auto)
- ✅ Custom Colors - Choose your accent color
- ✅ Font Selection - 5 professional fonts
- ✅ Spacing Control - Compact or spacious layouts
- ✅ Action Verbs Bank - 240+ power verbs in 12 categories
- ✅ Resume Formulas - XYZ, STAR, PAR, CAR formats
- ✅ Writing Tips - Best practices and common mistakes
- ✅ Progress Tracker - See completion percentage with suggestions
- ✅ Mobile Responsive - Works perfectly on all devices
- ✅ Keyboard Accessible - Full keyboard navigation support
- ✅ Screen Reader Friendly - WCAG 2.1 AA compliant
- ✅ Toast Notifications - Real-time feedback for user actions
- ✅ Error Boundaries - Graceful error handling
- ✅ Fast & Lightweight - Optimized performance with lazy loading
No installation needed! Works directly in your browser.
- Node.js >= 18.0.0
- npm >= 9.0.0
- Git
-
Clone the repository
git clone https://github.com/GoldLion123RP/resume-builder.git cd resume-builder -
Install dependencies
npm install
-
Set up environment variables (Optional - for Firebase sync)
# Copy the example file cp .env.example .env.local # Edit .env.local and add your Firebase credentials
Get Firebase Credentials:
- Go to Firebase Console
- Create a new project
- Enable Authentication (Google, GitHub, Facebook, Email/Password)
- Enable Firestore Database
- Go to Project Settings > Your Apps > Web App
- Copy the config values to
.env.local
-
Run development server
npm run dev
-
Open in browser
http://localhost:5173/resume-builder/
| Category | Technology |
|---|---|
| Frontend | React 18 + Vite |
| UI Framework | Tailwind CSS + shadcn/ui |
| State Management | React Context API |
| Backend | Firebase (Auth + Firestore) |
| Export | jsPDF, html2canvas, docx.js, file-saver |
| Deployment | GitHub Pages |
| Language | JavaScript (ES6+) |
resume-builder/
├── public/ # Static assets
│ ├── manifest.json # PWA manifest
│ └── logo.svg # App logo
├── src/
│ ├── components/
│ │ ├── ui/ # Reusable UI components (Button, Card, etc.)
│ │ ├── common/ # Common utilities (ErrorBoundary, LazyLoad)
│ │ ├── layout/ # Header, Footer, Sidebar, Layout
│ │ ├── sections/ # 11 resume sections
│ │ ├── preview/ # Resume templates (6 templates)
│ │ ├── export/ # Export UI (PDF, DOCX, TXT)
│ │ ├── auth/ # Authentication modal
│ │ ├── tips/ # Tips panel with action verbs
│ │ └── features/ # Sample data, progress tracker
│ ├── lib/ # Utilities & Firebase config
│ │ ├── firebase.js # Firebase initialization
│ │ ├── storage.js # LocalStorage + Firestore sync
│ │ └── export/ # Export logic (PDF, DOCX, TXT)
│ ├── hooks/ # Custom React hooks
│ │ ├── useResume.js # Resume data hook
│ │ ├── useAuth.js # Authentication hook
│ │ ├── useTheme.js # Theme management
│ │ └── useDebounce.js # Performance optimization
│ ├── context/ # Global state management
│ │ ├── ResumeContext.jsx
│ │ ├── AuthContext.jsx
│ │ ├── ThemeContext.jsx
│ │ └── ToastContext.jsx
│ ├── data/ # Constants & sample data
│ │ ├── actionVerbs.js
│ │ └── sampleData.js
│ ├── styles/ # Global CSS
│ ├── App.jsx # Main app component
│ └── main.jsx # Entry point
├── .env.example # Environment template
├── .env.local # Your Firebase config (not committed)
├── vite.config.js # Vite configuration
├── tailwind.config.js # Tailwind configuration
└── package.json # Dependencies
| Section | Description | Required |
|---|---|---|
| 📊 Dashboard | Progress tracker & quick stats | - |
| 👤 Profile | Name, contact, summary, photo | ✅ Yes |
| 🎓 Education | Degrees, CGPA, coursework | ⚪ Optional |
| 💼 Experience | Internships, jobs | ⚪ Optional |
| 🚀 Projects | Personal/academic projects | ⚪ Optional |
| ⚡ Skills | Technical skills categorized | ⚪ Optional |
| 📜 Certifications | Online courses, certificates | ⚪ Optional |
| 🏆 Achievements | Awards, competitions | ⚪ Optional |
| 👥 Leadership | Positions of Responsibility | ⚪ Optional |
| 📄 Publications | Research papers | ⚪ Optional |
| 🎯 Extracurricular | Clubs, volunteering | ⚪ Optional |
| 🌐 Languages | Language proficiency | ⚪ Optional |
- Classic - Traditional corporate style
- Modern - Contemporary design with colors
- Minimal - Clean and simple
- Two-Column - Efficient space usage
- Compact - More content per page
- ATS-Friendly - Optimized for applicant tracking systems
Each template supports:
- Beautiful mode (for human readers)
- ATS mode (for automated scanners)
- Beautiful PDF - Styled with colors, fonts, spacing
- ATS-Friendly PDF - Plain text, no graphics, scanner-optimized
- Microsoft Word format
- Editable after export
- Compatible with Google Docs, LibreOffice
- Copy-paste ready
- For online application forms
- ASCII formatting preserved
-
Update repository name in
vite.config.js(if different)base: '/resume-builder/' // Change if your repo name is different
-
Build and deploy
npm run deploy
-
Enable GitHub Pages
- Go to repository Settings > Pages
- Source:
gh-pagesbranch - Save
-
Access your app
https://goldlion123rp.github.io/resume-builder/
Contributions are welcome! Please read CONTRIBUTING.md for details.
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit changes (
git commit -m 'Add AmazingFeature') - Push to branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Found a bug? Have a feature idea?
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with ❤️ for students by Rahul Pal
- UI components from shadcn/ui
- Icons from Lucide
- Hosted on GitHub Pages
- Inspired by the need for free, student-friendly resume tools
Rahul Pal
- GitHub: @GoldLion123RP
- Email: goldlion123.rp@gmail.com
- LinkedIn: Add your LinkedIn
- AI Resume Scoring & Suggestions
- LinkedIn Profile Import
- Shareable Resume Links (public URLs)
- Cover Letter Builder
- Multi-language Support (Hindi, Bengali)
- Chrome Extension for quick access
- Resume Version History
- PDF Parsing (upload existing resume)
If this project helped you, please give it a ⭐ star!
Made with 💙 in West Bengal, India