Fill in resume information such as identity, summary, work experience, education, skills and languages
ViteReactPortfolio
ResumeBuilder — Vite Portfolio Template
By VidiPT89
ResumeBuilder is a bilingual resume editing page written in React, offering three A4 layouts, live preview and PDF download.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-18View source
What stands out
A quick read of the recorded project description.
Provides three A4 layouts: Classic, Modern and Compact
A4 preview updates in real time as form inputs change
Download PDF via html2canvas and jsPDF, with the filename taken from the candidate's name
Supports switching between European Portuguese and English, with the choice saved in localStorage
The README states that data stays only in the browser session and is not sent to a server
Template Details
ResumeBuilder is a React-based resume creation page for entering identity information, personal summary, work experience, education, skills and languages, with a live A4 paper preview. The page offers three templates: Classic (editorial serif), Modern (dark accent bar) and Compact (compact two-column). It can export the preview to PDF via html2canvas and jsPDF, with the filename taken from the candidate's name. The interface supports switching between European Portuguese and English, and the language selection is saved in localStorage. The README states that data is kept only in the browser session and is not sent to a server.
The project is built with React, TypeScript, Vite, Tailwind CSS, jsPDF, html2canvas and Framer Motion, and includes a form panel, preview component and template directory. Tests use node:test to check PDF filename slug handling, including accents, spaces and empty names. The README does not provide further information about data persistence, backend services, deployment process or accessibility support.
ViteReactPortfolio
Is it right for your project?
Use Cases
- Fill in and preview a personal resume in the browser
- Switch between the three layouts and compare typesetting effects
- Export the completed resume as an A4 PDF file
- Switch between Portuguese and English interfaces
Suitable For
- Individuals who need to quickly create an A4 resume
- Users who want to fill in and preview resume content on the same page
- Users who need a Portuguese or English interface
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Requires Node.js 18 or higher
- 2
After cloning the repository, run npm install to install dependencies
- 3
Run npm test to run the PDF filename slug tests
- 4
Run npm run dev to start the development server, accessible by default at http://localhost:5173
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean 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 free of charge.
- 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 must be checked against 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/VidiPT89/ResumeBuilder/blob/main/LICENSEhttps://github.com/VidiPT89/ResumeBuilder/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-18. 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 · 85 / 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-08-23
- Screenshot last checked
- 2026-10-18
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: codex-user-requested-batch-review-20261018 · 2026-10-18
Inspect the recorded source material
SHA-256: bc7c9c71e7cbbf67e6522cd202cf700ea45c078b36076c4b7822dea9a5783dca
2026-10-18T00:30:27.456Z
Source file / repository# 📄 Resume Builder > A bilingual CV atelier with three printable sheets, a live A4 preview and one-click PDF export, painted in the ividi.dev palette (black, burnt orange, amber). [🐞 Report Bug](https://github.com/VidiPT89/ResumeBuilder/issues) · [✨ Request Feature](https://github.com/VidiPT89/ResumeBuilder/issues) Resume Builder is a React studio for writing a curriculum vitae. Fill identity, experience, education, skills and languages, switch between Classic, Modern and Compact layouts, and download an A4 PDF. The UI is European Portuguese / English, with the language toggle remembered in `localStorage`. ## ✨ Main Features - ✍️ **Candidate form** — identity, profile, roles, education, skills and languages - 🗂️ **Three templates** — Classic (editorial serif), Modern (dark accent column), Compact (dense two-column) - 👁️ **Live preview** — the A4 sheet updates as you type - 📥 **PDF download** — html2canvas + jsPDF, filename from the candidate name - 🌍 **PT / EN toggle** — remembered in `localStorage` - 🎬 **Motion** — splash, ember glow and staggered studio panels - 📱 **Responsive layout** — form and preview from mobile to desktop ## 🛠️ Technologies      | Category | Technology | Purpose | |----------|-----------|---------| | **App** | React 19 + Vite | Studio UI | | **Language** | TypeScript | Typed form and sheets | | **Styling** | Tailwind CSS 4 | Dark ember visual identity | | **PDF** | jsPDF + html2canvas | A4 export | | **Motion** | Framer Motion | Splash and panel reveal | ## 🧱 Project Structure ```text ResumeBuilder/ ├── src/ │ ├── App.tsx │ ├── components/ │ │ ├── FormPanel.tsx │ │ ├── Preview.tsx │ │ └── templates/ │ ├── i18n/ │ ├── lib/ │ │ ├── filename.ts │ │ └── pdf.ts │ └── types.ts ├── tests/ ├── LICENSE └── README.md ``` ## ▶️ How to Run ### Prerequisites - **Node.js** 18+ ### Installation ```bash git clone https://github.com/VidiPT89/ResumeBuilder.git cd ResumeBuilder npm install npm test npm run dev ``` Open [http://localhost:5173](http://localhost:5173). ## 📖 Usage 1. Toggle **PT** or **EN** in the header. 2. Fill the form, or load the sample to see a finished sheet. 3. Pick Classic, Modern or Compact. 4. Download the PDF when the preview looks right. Data stays in the browser session. Nothing is sent to a server. ## 🧪 Testing ```bash npm test ``` `node:test` checks PDF filename slugs (accents, spaces, empty names). ## 📄 License This project is licensed under the MIT License. See [LICENSE](LICENSE) for more information. --- Developed by **David Arsénio Martins** 🌐 [ividi.dev](https://ividi.dev/) · 💻 [github.com/VidiPT89](https://github.com/VidiPT89/)
Explore similar templates
Compare previews and descriptions within the same stack and category.
Resumify
Resumify is a browser-based resume builder built with React, TypeScript, and Vite.
Vite · Portfolio
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
cv-educornelsen
A React + TypeScript personal portfolio template built with Vite, featuring a streaming AI chatbot powered by Google Gemini. An Express backend proxies requests to keep the API key server-side, with rate limiting, IP throttling, canary token injection, and LangFuse tracing.
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