🎂Dynamic age based on my birthdate 📅Events sorted in descending chronological order 🎓Timelines' state updated at every render (circles get filled when a contract with a university or a company is over) 🔢Retrieve only my last projects and experiences 🔤Sort items alphabetically
- Fetch my GitHub pinned repositories
🇫🇷Translate to any language (only French and English are relevant to me)
- Install dependencies:
- Run the images server:
- Render to Sketch:
Alternatively, you can use
yarn start to serve the images and render.
- Render in French:
- Render in English:
- Render in prototype mode:
- Render in production:
By default, the resume is in
mock environment (doesn't pull real data from GitHub) when developing.
- Create an OAuth token to get access to the GitHub GraphQL API (only
public_reposcope is required)
- Option 1:
- Option 2:
- Stay in
.env.sample, rename it
.envand fill the right GitHub information
yarn github:fetchto re-generate your up-to-date pinned repositories
- Stay in
yarn renderto render to Sketch
Once you have saved your PDF in
yarn pdf:metadata to fill the correct Exif metadata.
All the information of the resume is stored in the
data folder, both in English and French.
Everything is rendered with React, except gradients and skew lines shown on the screenshot, which are not yet supported by
react-sketchapp. I added some fancy tweaks manually in Sketch.
The main reason I have never kept my resume updated is that the workflow was terrible. I will now only need to update the data and render in any language.
I was quite bored with "static" resumes and thought it was a good opportunity to display some real data in there. I used the GitHub GraphQL API to fetch my pinned repositories and inject them into Sketch.
I'm more a developer than a designer, eh.
MIT © François Chalifour