📄️ Use this project to create your CV with React
This project can be cloned and edited to create your own resume using React components.
Use the print to PDF function from your browser to get a nice CV with functional hyperlinks.
Here is the resulting PDF with the example profile: Example PDF.
Do I need to know React to use this?
Most probably yes. While editing the template to replace it with your own real profile data is simple, getting the result to look exactly how you want will probably require a bit of tweaking.
# Install dependencies
yarn
# Start the dev server
yarn devYou can now open http://localhost:3000 and use the print option from your browser to print the resume as a PDF.
Note: enable the "Background graphics" option in the print menu to keep the hyperlinks color.
Open src/data/profile.tsx and start to fill in your profile details.
The expected data types are found in src/data/profile.types.ts. Many fields
are typed as ReactNode to allow for custom content, e.g. links or bullet
point lists.
This field controls the miscellanous profile bits found just below the header.
The number of items per row can be changed in
src/components/home/home.content.tsx:
<HomeProfile data={data.profile} rowCount={2} /> // Change rowCount hereThis field controls the data shown in the "Experience" section of the resume.
If you do not provide the end date of the first entry, it will use "Present"
as an end date and will be styled with a dotted line.
This field controls the data shown in the "Education" section of the resume.
If you do not provide the end date of the first entry, it will use "Present"
as an end date and will be styled with a dotted line.
This field controls the data shown in the "Skills" section of the resume.
This project is powered by Next.js, React Bootstrap and Font Awesome.
This project is MIT Licensed.