A dynamic, responsive Resume Builder built with React + Vite that allows users to input their personal and professional details, preview their resume in real-time, add custom sections, and download the final output as a polished PDF.
- ⚡ Built with React + Vite
- 🌙 Dark Mode Support
- ✍️ Form to input:
- Name
- Bio
- Skills
- Social links (GitHub, LinkedIn)
- Unlimited custom sections (with title and content)
- 👀 Live Resume Preview
- 📄 Download as PDF using
html2pdf.js - 🎨 Smooth Animations using
daisyui - 🔁 LocalStorage Persistence
- 🧱 Fully modular, responsive layout
- Frontend: React, Vite
- Styling: CSS (with variables for dark mode),DaisyUI
- Animation: DaisyUI, CSS using keyframes
- PDF Export: html2pdf.js
- Routing: React Router
- Clone the repository
git clone https://github.com/your-username/resume-builder.git
cd resume-builder
- Install dependencies
npm install- Run the development server
npm run dev- Build for production
npm run build
src/
├── pages/
│ ├── Home.jsx
│ ├── FormPage.jsx
│ ├── PreviewPage.jsx
│ └── PortfolioPage.jsx
│ ├── Home.css
│ ├── FormPage.css
│ ├── PreviewPage.css
├── App.jsx
├── main.jsx
└── App.css
Built with ❤️ by Khushi Sarawagi as part of the end-term project. Thanks to mentors and peers who supported and inspired this journey!
Feel free to connect with me on:
- GitHub: https://github.com/Khushi-Sarawagi
- LinkedIn: www.linkedin.com/in/khushi-sarawagi
This project is open-source and free to use!
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.