https://github.com/hwakabh/hwakabh.github.io

Personal Web Page
https://github.com/hwakabh/hwakabh.github.io

express github javascript swagger vue

Last synced: 4 months ago
JSON representation

Personal Web Page

• Host: GitHub
• URL: https://github.com/hwakabh/hwakabh.github.io
• Owner: hwakabh
• Created: 2020-02-24T17:13:17.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2026-02-17T11:17:29.000Z (5 months ago)
• Last Synced: 2026-02-17T17:15:47.522Z (5 months ago)
• Topics: express, github, javascript, swagger, vue
• Language: CSS
• Homepage: https://hwakabh.github.io/
• Size: 15.1 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: CODEOWNERS
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# hwakabh.github.io

[![Backend CI](https://github.com/hwakabh/hwakabh.github.io/actions/workflows/backend.yaml/badge.svg?branch=main)](https://github.com/hwakabh/hwakabh.github.io/actions/workflows/backend.yaml) [![Frontend CI](https://github.com/hwakabh/hwakabh.github.io/actions/workflows/frontend.yaml/badge.svg?branch=main)](https://github.com/hwakabh/hwakabh.github.io/actions/workflows/frontend.yaml)

Personal Portfolio Page with GitHub fullstack

## Architecture

Based on JavaScript/TypeScript and fullstack features of GitHub \

Frontend: Vue.js \

Backend: Express

![Arch](./app-diagram.drawio.svg)

For more detailed design, including API design or URL patterns, will be noted in repository [Wiki](https://github.com/hwakabh/hwakabh.github.io/wiki).

## Run applications locally

For bringing up all components required, [Makefile](./Makefile) has prepared. \

Depending on your development requirements, there is a few options to use Makefile.

```shell

# Starting Frontend and Backend directly on your machine

% make all

# Build Frontend code bases and pulling containerized Backend images for UI

% make prod

```

## Motivations

Leveraging fullstack features of GitHub such as:

- GitHub Actions & GitHub Apps

- GHCR (GitHub Container Registry)

- Release automation

- Code Owners and scaffolded policy files (contributing/Security policies or Code of Conduct)

- Dependabot

- CodeQL

- Issue/PR templates

Personal workouts with JavaScript ecosystem

- Vue.js for Frontend

- Express.js for Backend (stateless)

- generic Node.js project for Swagger documentations