⚛️ 💎 My resume built with React and rendered to Sketch
MIT License
My resume built with React and rendered to Sketch using
react-sketchapp
.
Requirements: Sketch 43+, Raleway font family.
yarn install
yarn serve
yarn render
Alternatively, you can use yarn start
to serve the images and render.
yarn render:fr
yarn render:en
yarn render:mock
yarn render:production
By default, the resume is in mock
environment (doesn't pull real data from GitHub) when developing.
public_repo
scope is required)config/.config.github.js
config/.config.env.js
to anything but mock
(e.g. production
)mock
environment.env.sample
, rename it .env
and fill the right GitHub informationyarn github:fetch
to re-generate your up-to-date pinned repositoriesyarn render
to render to SketchOnce you have saved your PDF in output/resume.[lang].pdf
, run 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.
react-sketchapp
is still in early development and doesn't support local image import. I had to serve my images
folder to render them in the artboard.
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.