- Responsive resume using css media queries and ReactJS.
- This site only contains layout of a CV, CV-content is pulled from secret Github Gist.
- To use pdf version of CV, just print the webpage with
Save as pdf
. - And the good part, all the infra used in this project as FREE of cost.
- Configuration Provider :
Github Gist
- Deployment Pipeline:
Github Actions
- Deployment Infra:
Github Pages
- [Optional] Build/run webapp locally:
yarn yarn start
- Deploying online publicly:
- Fork this repository.
- The content of the resume is pulled from a configuration file, in this case a secret Gist. So to Update cv content:
- Create a Github Gist(Secret gist will do) similar to this demo gist:
https://gist.github.com/pritamprasd/95fde56b249662cefda97d303fbfb605
, and update content in the yaml file. - Update the
REACT_APP_GIST_ID
in.env
file with the created Gist ID. Failing to update this you'll see cv with demo content.
- Create a Github Gist(Secret gist will do) similar to this demo gist:
- Create a new
public
repository with name:<your-github-username>.github.io
. This is where we'll host CV in webpage form.- Check
Add a Readme file
checkbox while creating the repository, this will configuremain
branch.
- Check
- Create a
Github API Token
. [Settings -> Developer settings -> Personal access token -> Tokens(classic) -> Generate New Token (classic) -> provide repo access(checkbox in first line of scopes) -> Generate] - Add the token to the forked repository as
API_TOKEN_GITHUB
. [repository Settings Tab -> Secrets -> Actions -> Create new secret -> Name(API_TOKEN_GITHUB), Value()]. - Update below workflows/node.js.yml and make a commit:
- destination-github-username:
- destination-repository-name: .github.io
- user-email:
After the commit, build runs[in a few mins] and your resume will be live at https://<your-username>.github.io
.
Create a short link like https://bit.ly/examplename
in bit.ly
[Again FREE] and redirect to your Github Page site.