First Portfolio website

Rajiv Nayan Choubey — Sun, 16 May 2021 13:16:00 +0000

Hi everyone,

For a long time, I have been thinking to build my own portfolio website. Finally, a few months ago, I started drawing, on paper, how my website should look. I implemented each component one by one and improved them by taking advice from friends. I used React.js for building the website. I wanted to share it with the Dev Community, because, this community was there to help me with silly doubts and detailed posts.

Here is the link to my website: https://www.rajivnayanc.com

and link to GitHub repo for the same:

rajivnayanc / rajivnayanc.com

Rajiv Nayan Choubey's Personal Website

I would really appreciate honest reviews so that I can improve in the next version of the website. Also, please share your websites so that we all can get inspired by each other.

Thank You!

JSON Resume to GitHub Pages

Rajiv Nayan Choubey — Thu, 17 Sep 2020 11:10:08 +0000

My Workflow

This GitHub action, resume-creator-action, is used to create a workflow which will generate Resume HTML Page published on GitHub pages from JSON file (containing all the information). It is very easy to setup. In a few lines of .yml file and your data in a JSON file following a specific syntax, you will be able to publish your resume to GitHub Pages and share with the world. This is my first submission for GitHub Actions Hackathon.

Submission Category:

This submission lies under Wacky Wildcards

Yaml File or Link to Code

I created a GitHub action from scratch and its repository is shown below:

rajivnayanc / resume-creator-action

Creates Resume HTML Page from JSON File and host it on Github Pages

Resume Creator from JSON

Creates Resume Github Page from JSON using Github Actions.

Prerequisite

GitHub Personal Access Token ACCESS_TOKEN
resume.json to build the Resume HTML Page from. (Syntax)

Usage

Set up credentials as secrets in you repository using ACCESS_TOKEN
Following should be added to your workflow on your repositories:

 - name: Build Resume and Deploy on GitHub Pages
        uses: rajivnayanc/resume-creator-action@v4
        with:
          FileName: path/to/resume.json
        env:
          ACCESS_TOKEN: ${{secrets.ACCESS_TOKEN}}

Inputs

ACCESS_TOKEN : Required GitHub Personal Access token. Can also be stored in environment.
FileName : Required Path to the resume JSON file in your repository. It should be provided in with .

Result

HTML Page according to the JSON file provided and hosted on the gh-pages branch

Syntax for resume.json

Root part of the JSON document should be a JSON Object with three keys: "name", "header", and "content".
"name" stores the name of the Person whose resume is created.
"header" stores the basic…

View on GitHub

Sample YML for use for your own workflow is shown below:

name: Resume Creator from JSON
on:
  push:
    branches:
      - master
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v2.3.1
        with:
          persist-credentials: false
      - name: Build Resume and Deploy on GitHub Pages 🚀
        uses: rajivnayanc/resume-creator-action@v1.1.0
        with:
          FileName: resume.json
        env:
          ACCESS_TOKEN: ${{secrets.ACCESS_TOKEN}}

Additional Resources / Info

To test the above GitHub action, I created the example shown below. I provided the resume.json file and the GitHub action turned it into the HTML page and published on GitHub page of that repository.

rajivnayanc / resume-creator-example

Example of @rajivnayanc/resume-creator-action : A GitHub Action Hackathon Dev.to project

resume-creator-example

Example of rajivnayanc/resume-creator-action

GitHub Page published at: https://rajivnayanc.github.io/resume-creator-example

Description

On push to master branch, the workflow creates an Resume HTML Page and publishes to GitHub Pages gh-pages branch of the repository.