Responsive resume builder web application built using React (Vite) , Tailwind CSS , React Zoom Pan Pinch and React-Renderer allowing users to create professional resumes and export them as downloadable PDF files.
🔗 https://react-resume-builder-orcin.vercel.app/
Build professional resumes instantly with real-time preview and PDF export.
- Multiple resume templates
- Dynamic form-based resume creation
- Real-time preview updates
- PDF download using
@react-pdf/renderer - Image Zoom using
@react-zoom-pan-pinch - Clean and responsive UI (Tailwind CSS)
- Multiple sections:
- Personal Information
- Career Objective
- Experience
- Projects
- Education
- Skills
- Mobile-friendly design
- Skeleton Image Loading
- Shimmering Loading Effect
- Mobile Swipe Effects for Modal
Check out these sample resumes. Get an Idea how your resume might look.
- React 19
- Vite
- Tailwind CSS
- Formik
- Yup (validation)
- React Router DOM
- React PDF Renderer
- React Zoom Pan Pinch
src/
├── components/
├── pages/
├── data/
├── localStorage/
├── index.css
├── App.jsx
└── main.jsx
Clone the repository:
git clone https://github.com/sambhu431/react-resume-builderNavigate to the project:
cd <repo-name>Install dependencies:
npm installRun development server:
npm run devBuild for production:
npm run build- Save resumes in database
- Multi-Theme resume templates
- Export as DOCX
- Cloud storage integration
- AI-powered resume suggestions
- OCR Implementation
This project is licensed under the MIT License.
This project was built to strengthen practical skills in React, Tailwind CSS, form handling, responsive UI design, and PDF generation. It focuses on providing a smooth resume-building experience with real-time preview and PDF export capabilities.
Please feel free to contribute to this project by submitting issues or pull requests.
Any enhancements, bug fixes, or optimizations are extremely welcomed!