๐Ÿ  HOME
SCR ยท 02 PROJECTS
// BLUEPRINT_SCHEMATICS_INDEX

Index Karya & Blueprint

Arsip sistem, skrip otomatisasi, dan cetak biru modul web yang aktif dan berjalan di server. Klik pada kartu proyek untuk melihat diagram rekayasa sistem (*ASCII architecture blueprint*).

portofolio.web.id.local
ACTIVE_NODE

Web portofolio minimalis bertema Low-Fidelity engineering console. Ringan, bebas framework berat, diload dalam waktu kurang dari 0.4 detik.

HTML5 Tailwind CSS TypeScript
[โ—ˆ KLIK UNTUK BLUEPRINT] [EXECUTE_REPO ๐Ÿ”—]
// TECHNICAL SYSTEM SCHEMATIC DIAGRAM:
[CLIENT_BROWSER]  
      โ”‚  
      โ–ผ (HTTPS / Cloudflare Edge DNS)  
[NGINX WEB SERVER]  
      โ”‚  
      โ–ผ (Static Asset Serves)  
[RAW_STATIC_BUILD] โ”€โ”€โ–บ Render: Instant Wireframe Canvas
n8n-leads-syncer.local
ACTIVE_NODE

Sistem otomasi aliran data yang menangkap webhook dari iklan Facebook Leads, melakukan filtering payload, lalu menyinkronkannya ke Google Sheets dan mengirimkan notifikasi instan ke WhatsApp sales.

n8n NodeJS Webhooks JSON
[โ—ˆ KLIK UNTUK BLUEPRINT] [EXECUTE_REPO ๐Ÿ”—]
// TECHNICAL SYSTEM SCHEMATIC DIAGRAM:
[FB_LEAD_WEBHOOK] โ”€โ”€โ–บ [n8n FLOW INGRESS]  
                            โ”‚  
     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”  
     โ–ผ                                             โ–ผ  
[GOOGLE_SHEET_WRITER] [NODE_JS_PAYLOAD_MAPPER] โ”€โ”€โ–บ [WA_API_GATEWAY]
vps-multi-tenant-fastpanel.local
ACTIVE_NODE

Arsitektur cloud VPS mandiri menggunakan FastPanel untuk mengelola beberapa aplikasi WordPress, REST API NodeJS, dan static site dengan mengutamakan isolasi user Linux demi keamanan.

VPS Management FastPanel Nginx Docker
[โ—ˆ KLIK UNTUK BLUEPRINT] [EXECUTE_REPO ๐Ÿ”—]
// TECHNICAL SYSTEM SCHEMATIC DIAGRAM:
[HARDWARE_VPS] โ”€โ”€โ–บ [DEBIAN_OS]  
                      โ”‚  
       โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”  
       โ–ผ                             โ–ผ  
[FASTPANEL_CORE]              [ISOLATED_USER_CHROOT]  
                            โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”  
                            โ–ผ                 โ–ผ  
                     [NGINX_VHOST]     [DOCKER_CONTAINER]
// FOOTNOTE: projects_table_verified // SSL check done: 100% secured // live_servers: responsive_state