Just change the data for fields in src/assets/portfolio-info.ts
to get your own personal digital resume.
✔️ About
✔️ Education & Work Experience
✔️ Pinned Repositories (Repos pinned by you in your Github account)
✔️ Recently Active Repositories (Repos recently being committed upon)
✔️ Footer
Setting up locally for development and testing purposes.
Make sure you have Git and Node.js installed on your system.
From your command line, clone and run digital-dev-resume:
# Clone this repository
$ git clone https://github.com/mhdfaisal/digital-dev-resume.git
# change into the repository
$ cd digital-dev-resume
# Install dependencies
$ yarn install
#Start development server
$ yarn start
Note: Change the homepage URL in the package.json file to yourusername.github.io
Generate a Github personal access token by following these instructions (no need to select any scopes for this token).
-
Create a copy of the .env.example file in the root directory and rename the copied file to .env .
-
Enter the required values in the .env file as below -
// .env
REACT_APP_GITHUB_TOKEN = "YOUR GITHUB TOKEN HERE"
GITHUB_USERNAME = "YOUR GITHUB USERNAME HERE"
Just change the data for fields in src/assets/portfolio-info.ts
to get your own personal digital resume.
Deploy on Github Pages by following the docs - Deploying on Github Pages docs for React.
The data is fetched from github only once at the time of deployment. If we want our digital resume to stay updated with our new activities on github, we would need to redeploy it. So we can make use of a CRON Job in our workflow to redeploy it twice or thrice in a week, so that it stay's updated with our github profile.
Docs for configuring and managing workflows - Github Actions Configuring a workflow
If you want to add more sections or fix some open/hidden bug, please feel free to open an pull request.