Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md

iOdigital online CV presentatie tool

Tijdens deze sprint heb ik voor iOdigital een online CV presentatie tool gemaakt. Dit is een online CV die makkelijk gestuurd kan worden naar een hiring manager.

Inhoudsopgave

• Beschrijving
• Gebruik
• Kenmerken
• Installatie
• Bronnen
• Licentie

Beschrijving 👨‍🚀

Met deze online CV presentatie tool wordt het voortaan veel makkelijker om een CV op te sturen naar een hiring manager. Er is geen PDF meer nodig.

Live link: https://fuzzy-yak-life-jacket.cyclic.app/

Gebruik 👩‍💻

Op de webpagina is de CV te zien en zijn er extra functies om in 1 klik de CV te vereenvoudigen, ook is er een knop aanwezig waarmee je 2 verschillende CV's met elkaar kan vergelijken. Je kan naar eigen wens de achtergrond van de pagina aanpassen met de background picker, en je kan iemand toevoegen aan favorieten.

Kenmerken 📝

Bij het maken van deze webpagina heb ik gebruik gemaakt van:

• Node.js

• Ejs

• Express

• CSS

• @media (prefers-color-scheme:dark)

• details/summary (in en uitklap)

• @media (prefers-reduced-motion)

• popover

• scrollbar-gutter: stable;

• @supports

• text-wrap:balance;

• JavaScript

• .toLocaleString()

• .getFullYear()

Installatie 🌠

Mijn project is gemaakt met node.js. Om verder te werken aan dit project is het belangrijk om node te installeren door in de terminal 'npm install' te doen.

Bronnen ⛲️

Ik heb bij het maken van dit project verschillende bronnen gebruikt:

Background SVG's:

• https://svgwave.in/
• https://www.svgshapes.in/

Lottiefile animaties:

• https://lottiefiles.com/

Het toevoegen van een popover:

• https://developer.chrome.com/blog/introducing-popover-api/

Het toevoegen van text-wrap: balance:

• https://developer.chrome.com/blog/css-text-wrap-balance/

Animatie banner met skills heb ik gemaakt met behulp van een codepen:

• https://codepen.io/Jaskaranbir/pen/JKNgMb

Profielfoto's van astronauten:

• https://upload.wikimedia.org/wikipedia/commons/5/53/Astronaut_Mike_Hopkins_on_Dec._24_Spacewalk.jpg
• https://cdn.wccftech.com/wp-content/uploads/2016/07/Astronauts.jpg

Readme foto verschillende apparaten heb ik gemaakt met behulp van Canva:

• https://www.canva.com/

Ik heb regelmatig ook gebruik gemaakt chatGPT.

Licentie

This project is licensed under the terms of the MIT license.