This project serves the purpose of having a simple, self-hosted online-CV outside of LinkedIn, Xing, etc.
For a live demo, you can visit cv.schreck.berlin, for which this project was created initially.
It uses Angular and the Material Design components for Angular. Furthermore, the following third-party sources are included:
The images in the /src/assets/img/item-thumbnails
directory in this repository are property of their respective right owners and do not fall under the license of this repository. They're included for show-case purposes.
The CV items for the experience, education, projects and volunteering sections are configured in a JSON format in /src/app/cv-item/cv-item.data.ts
.
Please notice the division of the education section, which is applied here. This enables you to re-arrange the the sections to your likings.
In the end, this is just an example of how it can be done. Feel free to take it as a template and adjust everything to your needs.
Here is what you will have to change in order to adapt this project for yourself.
src/app/cv-item/cv-items.data.ts
contains all the configurable data for the page- You can use the current version as a template, but you will need to replace the data with your own
- There are different use cases configured, so you can see different sets of data, which will be displayed differently in the rendered page
- Some fields are required, for others there are checks in the frontend. Please try it yourself
- I recommend sorting the items by descending end-date, so the newest item will be shown on top
- Replace
src/assets/img/avatar.jpg
with your profile picture (avatar) - Replace
src/assets/img/cover.jpg
with an image for your overview page, imagine it as a kind of book cover - Please delete all images in
src/assets/img/item-thumbnails
and add the ones you need (depending on what you configure insrc/app/cv-item/cv-items.data.ts
) - Please delete all files in
src/assets/attachments
and add the ones you need (depending on what you configure insrc/app/cv-item/cv-items.data.ts
) - Replace
src/favicon.ico
, it contains the icon your browser displays in the task bar
In order to comply with the license of this project and the third-party elements in it, please leave the "About" section unchanged as well as the link to it in the footer.
See the Angular basic guide for the basics. For more information, visit the Angular website.
After you cloned/forked this project and adjusted it to your needs (and configuring with your data), you might want to deploy it in order to make it available to anyone.
See my AWS deployment guide for a possible way how to achieve this with Amazon Web Services (AWS).
Alternatively, you can use Uberspace, see the corresponding Uberspace deployment guide.
As another option, you can use Github Pages, see the corresponding Github Pages deployment guide.