CV Generator (Native & React)

Project Overview

CV Generator is a free Multi-Page Application (MPA) for creating and exporting resumes (CVs).

The application allows users to create a resume (CV) and print or export it as a PDF.

This repository contains two independent implementations of the same application:

• native/ — built with HTML, CSS and Vanilla JavaScript
• react/ — rewritten using React 19

Features

• Multi-page structure (Index, Personal, Experience, Output)
• Dynamic form handling
• Photo editor functionality
• Resume preview page
• PDF export via print iframe
• Modular project architecture
• Component-based CSS structure
• Vite build system for production

Purpose

The goal of this project was to build the same application twice:

• first using Vanilla JavaScript;
• then rewrite it using React while preserving the same functionality.

This allows direct comparison of the architecture and implementation approaches between Vanilla JavaScript and React.

Tech Stack

Native version

• HTML5
• CSS3 (modular architecture)
• JavaScript (ES Modules)
• Vite

React version

• React 19
• HTML5
• CSS3
• JavaScript (ES Modules)
• Vite

Build & Run

Native

cd native
npm install
npm run dev

React

cd react
npm install
npm run dev

Production Build

Native

cd native
npm run build

React

cd react
npm run build