Skip to content
John Cesar.

Navigation

Explore my work and experience.

Papercraft showcase

Print, cut, and fold a small showcase box with my skills, experience, and contact details.

Jump to template

Interactive 3D Preview

Drag the cube to rotate or select a face below to inspect how the template folds together.

02 // FRONT AVAILABLE

Software Developer

John Cesar Suaybaguio

"Building clean, efficient, and purposeful digital products."

▸ VetIS — Veterinary Info System
▸ Pharmacy POS Backend
06 // CONTACT SCAN / CONNECT

suaybaguiojohncesar@gmail.com

github.com/Loki690

joncsrsuaybaguio.online

PORTFOLIO CUBEREV 2026
03 // FRONTEND UI STACK
  • Vue & Nuxt 4
  • TypeScript
  • Tailwind CSS
  • Angular

CLEAN TECHNICAL EDITORIAL

04 // BACKEND CORE & OPS
  • NestJS
  • FastAPI
  • PostgreSQL
  • Docker

SYSTEMS ARCHITECTURE

01 // LID TUCK TOP
JC

John Cesar Suaybaguio

Software Developer

05 // BASE SCALE 1:1

HANDCRAFTED & ENGINEERED BY

John Cesar Suaybaguio

ASTRO · VUE · TAILWIND CSS

55 × 55 × 55 MM EDITION

Follow these four steps to print, cut, crease, and assemble the cube.

  1. STEP 01

    Print the Sheet

    Choose "Print template" (in Editorial Color or Ink-Saver mode) and print at 100% scale on A4 or US Letter paper.

  2. STEP 02

    Cut Outer Perimeter

    Carefully cut along the solid rose outer cut lines, including the 7 beveled glue and tuck tabs.

  3. STEP 03

    Score & Crease Folds

    Crease inward 90° along the dashed mountain fold lines and pre-fold all numbered tabs (TAB 01–07).

  4. STEP 04

    Glue & Tuck Closed

    Apply glue or double-sided tape to TAB 02–07 in order to form the cube body, then tuck TAB 01 into the top lid slot.

Print style:
Back face:
Cut line (solid outer perimeter) Mountain fold (inward 90°) Tuck slot / valley line Numbered glue / dust tabs (TAB 01–07)
SPEC // 6-FACE CUBE NET (200×200 UNIT GRID) MODE: EDITORIAL COLOR TAB 01 // TOP TUCK FLAP TAB 02 // LEFT DUST FLAP TAB 03 // RIGHT DUST FLAP TAB 04 // GLUE TO BACK TAB 05 // GLUE TO BACK TAB 06 // GLUE TO BASE TAB 07 // GLUE TO BASE SEAL TAB // REINFORCE TOP EDGE 01 // LID 200×200 JC JOHN CESAR SUAYBAGUIOSOFTWARE DEVELOPER ▲ TUCK FLAP CLOSES AT BACK EDGE ▲ 03 // FRONTEND & UI LEFT Vue & Nuxt 4 01TypeScript 02Tailwind CSS 03Angular 04 CLIENT ARCHITECTURE & DESIGN SYSTEMS 02 // FRONT AVAILABLE SOFTWARE DEVELOPERJohn Cesar Suaybaguio "Building clean, efficient, and purposeful digital products." SELECTED SYSTEMS // ▸ VetIS — Veterinary Info System ▸ Pharmacy POS Backend PORTFOLIO EDITION // joncsrsuaybaguio.online 04 // BACKEND & OPS RIGHT NestJS 05FastAPI 06PostgreSQL 07Docker 08 APIS, DATABASES & CONTAINERIZATION 05 // BASE COLOPHON GEOMETRY CUBE 1:1:1 (6 FACES) BUILT WITH ASTRO · VUE ASSEMBLY TABS 01–07 + TUCK DESIGNED & ENGINEERED BY John Cesar Suaybaguio UNDERSIDE BASE // FOLD 90° UP TO BACK 06 // CONTACT 180° FOLD-READY LET'S CONNECT Available for software engineering roles & collaborations. MAIL suaybaguiojohncesar@gmail.com CODE github.com/Loki690 SITE joncsrsuaybaguio.online BACK WALL // RECEIVES TOP LID TUCK FLAP SOLID RED: CUT OUTER PERIMETER · DASHED INDIGO: CREASE 90° INWARD · SHADED TABS 01–07: GLUE / TUCK