Build your own CV website in a few minutes.
This application is build with no backend. Essentially, it is a simple react application create with Vite. Styled-Components is used for styling.
- Clone repository.
- Run
npm install
to install dependencies. - Rename
public/cv_data_example
topublic/cv_data
. - Run
npm run dev
. - Modify the data in
public/cv_data
. - Run
npm run build
to build your CV. It will be available in folderdist
.
All data is stored in data.jsx
.
The basic syntax of the file is defined like this:
{
name: "Alice Musterman",
picture: "/cv_data/profile.jpg",
address: "Mustercity, Mustercountry",
socials: [
{ name: "LinkedIn", url: "https://linkedin.com/in/..." },
],
aboutMe: {
title: "Some Workds about me",
text: "Some personal profile note",
},
sections: [
{
name: "Work Experiences",
content: [...],
},
{
name: "Education",
content: [...]
},
],
};
While name
, picture
, address
, socials
, and aboutMe
should be self-explaining, sections
' contents follow the following format:
{
title: "Headline",
subTitle: "Second part of headline",
when: "Some date range, can be used for links as well",
where: "Location",
info: [
"Information array",
"Each element is a bullet"
],
},
The example in public/cv_data_example/data.jsx
helps understanding how it works and why it is a JSX file.
The latter allows to easily add react components wherever needed, if needed.