Personal page

• Personal page
  • Context
  • Tech stack
  • Deployment
  • Development
    • Setup
      • Prerequirements
      • Install
      • Build project
    • Check style

Context

Static personal page created with Angular, deployed with Github Actions and styled with MDBootstrap. It consists of:

• summary of professional experience,
• automatically listed personal projects based on Github Projects topics and description,
• contact forms.

Tech stack

• Node 20
• Angular
• MDBootstrap
• Github Rest Api

Deployment

Page deployment is fully automated with CI/CD flows made as Github Actions. Currently, it contains of following flows:

• PR Check Flow
  • run on every PR
  • verify if changes are fulfilling requirements of eslint settings
  • verify if changes are fulfilling requirements of prettier project style
• Deployment Flow
  • run on every push to 'main' branch
  • build project with github configuration
  • deploy on github pages

Development

Setup

Pre-requirements

• Node in version 20

Install

Install necessary dependencies

npm install

Build project

• build in developer mode
  • by default, page should be available on 4200

    npm start

• build in production mode
  • by default, page should be available on 4200

    ng build --configuration production && ng serve

Check style

• check style for changes in *.ts files

  npm run lint

• check and autocorrect style for changes in *.ts files

  npm run lint:fix

• check style aaccording to prettier settings

  npm run prettier:check

• check and format files according to prettier settings

  npm run prettier:format