Skip to content

An online digital resume for developers - that make use of the github GraphQL API to keep itself updated based on your profile on github. An easy way to automate your online dev portfolio. It's very easy to customize also, checkout the README.md for more details.

mhdfaisal/digital-dev-resume

Repository files navigation

🖥️ Digital Dev Resume

A fully functional responsive Digital Resume for Developers.

Just change the data for fields in src/assets/portfolio-info.ts to get your own personal digital resume.

Table of Contents

Sections

✔️ About
✔️ Education & Work Experience
✔️ Pinned Repositories (Repos pinned by you in your Github account)
✔️ Recently Active Repositories (Repos recently being committed upon)
✔️ Footer

Getting Started

Setting up locally for development and testing purposes.

Make sure you have Git and Node.js installed on your system.

How To Use

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

Linking Digital Dev Resume to Github

Generate a Github personal access token by following these instructions (no need to select any scopes for this token).

  1. Create a copy of the .env.example file in the root directory and rename the copied file to .env .

  2. 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"

Change Static information

Just change the data for fields in src/assets/portfolio-info.ts to get your own personal digital resume.

Deployment

Deploy on Github Pages by following the docs - Deploying on Github Pages docs for React.

Deploying using GitHub Actions (Recommended)

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

Contributions

If you want to add more sections or fix some open/hidden bug, please feel free to open an pull request.

About

An online digital resume for developers - that make use of the github GraphQL API to keep itself updated based on your profile on github. An easy way to automate your online dev portfolio. It's very easy to customize also, checkout the README.md for more details.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published