Frontend + Backend + PostgreSQL

Mot he thong full-stack chay tren GCP.

Frontend goi REST API cua backend Node.js, backend luu du lieu vao PostgreSQL container, va GitHub Actions tu dong deploy moi khi push len main.

Quan ly task Xem API

Architecture

Ba lop ro rang, deploy bang Docker tren cung mot GCP VM.

Frontend

HTML, CSS va JavaScript duoc serve tu Node app, render task list va goi API bang fetch.

Backend

Node HTTP server cung cap health check va REST API cho thao tac list, create, toggle, delete.

Database

PostgreSQL luu task vao Docker volume rieng, nen deploy lai app khong mat du lieu.

$ curl http://your-gcp-ip:8080/api/tasks
[
  { "id": 1, "title": "Build Docker image", "done": true }
]

$ docker ps --filter name=cicd-demo
frontend-backend   ghcr.io/circlerow-reborn/cicd:main
postgres-db        postgres:16-alpine