Vitae Generator is a web-based CV/résumé builder where users fill out a structured form to generate a polished, print-ready document in real time. Users can personalize the output by choosing fonts, color schemes, layout styles, and section ordering — making every résumé feel uniquely their own. The live preview updates instantly as you type, so there are no surprises when you export.
Features at a glance:
- 📝 Form-driven input — personal info, experience, education, skills, and more
- 🎨 Customizable theme — pick accent colors, font families, and layout variants
- 👁️ Live preview — see your CV update in real time as you fill out the form
- 📄 Export-ready — designed for clean print output or PDF generation
src
├── App.jsx
├── assets
│ ├── add.png
│ ├── defaultPhoto.jpg
│ └── edit.png
├── components
│ ├── Customize.jsx
│ ├── Document
│ │ └── Vitae.jsx
│ ├── Document.jsx
│ ├── Fields.jsx
│ ├── Sidebar
│ │ ├── AddButton.jsx
│ │ ├── Contact.jsx
│ │ ├── Description.jsx
│ │ ├── Education.jsx
│ │ ├── Email.jsx
│ │ ├── Experience.jsx
│ │ ├── JobTitle.jsx
│ │ ├── ListField.jsx
│ │ ├── Name.jsx
│ │ ├── Photo.jsx
│ │ ├── Projects.jsx
│ │ ├── Reference.jsx
│ │ └── Skill.jsx
│ └── Sidebar.jsx
├── css
│ ├── App.css
│ ├── Customize.css
│ ├── Document.css
│ ├── Fields.css
│ ├── index.css
│ ├── Sidebar.css
│ └── Vitae.css
└── main.jsxgit clone git@github.com:Aicyraa/CV-Generator.git
cd CV-Generator
npm install
npm run dev