Create Your CV

Create a perfect CV website in just a few steps.

Your CV will look like this: https://xrisad.github.io/ChrysaDikonimaki/
All you have to do is to parameterize the following files: data.json and data.css.

• The data.json file contains the information and consists of the following 6 components: about_me, timeline, skills, languages, projects, contact_me_1, contact_me_2. You can include the components you want, it is not necessary to include all of them. The order you put them is the order they will be shown. Some data has the following structure: {"0":{}, "1":{}}. The numbers define the order the data of this structure will be shown. Last but not least, you have to place all the images which you will use under the src/images directory.
• The data.css file contains the colors that your CV will have. All you have to do is to change the parameters with the colors you want. Also, if you want to include the header subcomponent you have to set the name of the image there and put the image under the src/images/ directory. The rest of the photos that will be used will be added at the same folder but you need to define their names inside the data.json file. Don't worry about it for now, it will be clear later. 😊

The Components:

1. About Me

name: about_me
The about_me component has 2 subcomponents, the header and the details. You can skip any of them, if you want.

1. Header

name: header

2. Details

name: details
The available social media options are the following: linkedin, github, facebook and instagram. You don't have to include all of them.

2. Timeline

name: timeline
At this component you can add your experience and your education data.

3. Skills

name: skills
At this component you can add your skills.

4. Languages

name: languages
At this component you can add the languages you speak.

4. Projects

tag: projects
At this component you can add your projects.

4. Contact me

name: contact_me_1

You can use an alternative contact_me component, called contact_me_2 but we strongly recommend using the contact_me_1, which is shown below. However, if you really want to use the second option you can use EmailJS.

You can follow the given example and add your own data. 😊

The given example is placed under the src file. This is the right place that the data.json and data.css files should be.