Portofolio gosambi.uk v2: proyek kasir, rental PS, homelab + auto-deploy

2026-10-17 11:58:23 +07:00
commit 64e537067e
3 changed files with 168 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="id">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>gosambi - Web Developer</title>
+<meta name="description" content="Portofolio gosambi - Web Developer: aplikasi kasir mobile + API, sistem rental PlayStation, dan homelab self-hosted.">
+<style>
+:root{--bg:#0d1117;--card:#161b22;--txt:#e6edf3;--mut:#8b949e;--acc:#58a6ff;--acc2:#3fb950}
+*{box-sizing:border-box;margin:0;padding:0}
+body{background:var(--bg);color:var(--txt);font-family:'Segoe UI',system-ui,sans-serif;line-height:1.6}
+.wrap{max-width:900px;margin:0 auto;padding:24px 20px 64px}
+.hero{text-align:center;padding:72px 16px 48px}
+.hero h1{font-size:2.6rem;letter-spacing:.5px}
+.hero h1 span{color:var(--acc)}
+.hero p.sub{color:var(--mut);margin-top:8px;font-size:1.1rem}
+.badges{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
+.badges a,.btn{display:inline-block;padding:10px 22px;border-radius:999px;text-decoration:none;font-weight:600}
+.btn{background:var(--acc);color:#04121f}
+.btn.ghost{background:transparent;border:1px solid var(--acc);color:var(--acc)}
+section{margin-top:44px}
+h2{font-size:1.4rem;margin-bottom:14px;border-left:4px solid var(--acc);padding-left:10px}
+.card{background:var(--card);border:1px solid #30363d;border-radius:14px;padding:18px;margin-bottom:14px}
+.card h3{margin-bottom:4px}
+.card .tag{font-size:.8rem;color:var(--acc2)}
+.card p{color:#c9d1d9;font-size:.95rem;margin-top:6px}
+.stack{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
+.stack span{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:3px 10px;font-size:.78rem;color:var(--mut)}
+.skills{display:flex;flex-wrap:wrap;gap:8px}
+.skills span{background:#21262d;border:1px solid #30363d;border-radius:8px;padding:6px 12px;font-size:.85rem}
+.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
+.links a{color:var(--acc);text-decoration:none;border:1px solid #30363d;border-radius:8px;padding:8px 14px;font-size:.9rem}
+.links a:hover{border-color:var(--acc)}
+footer{text-align:center;color:var(--mut);margin-top:56px;font-size:.85rem}
+</style>
+</head>
+<body>
+<div class="wrap">
+  <div class="hero">
+    <h1>Halo, saya <span>gosambi</span></h1>
+    <p class="sub">Web Developer - aplikasi mobile, REST API &amp; sistem operasional (kasir, rental PS) + homelab enthusiast</p>
+    <div class="badges">
+      <a class="btn" href="#proyek">Lihat Proyek</a>
+      <a class="btn ghost" href="https://link.gosambi.uk">Semua Link Saya</a>
+    </div>
+  </div>
+
+  <section id="tentang">
+    <h2>Tentang</h2>
+    <div class="card">
+      <p>Saya membangun sistem operasional end-to-end: aplikasi kasir mobile (Expo/React Native),
+      REST API (Express + Prisma + PostgreSQL), sampai dashboard web (EJS) untuk operasional harian.
+      Semua service saya jalankan di <b>home server sendiri (CasaOS + Docker + Cloudflare Tunnel)</b> -
+      dari API kasir, Gitea, Nextcloud, sampai monitoring.</p>
+    </div>
+  </section>
+
+  <section id="skills">
+    <h2>Keahlian</h2>
+    <div class="skills">
+      <span>React Native / Expo</span><span>JavaScript / TypeScript</span><span>Node.js / Express</span>
+      <span>Prisma ORM</span><span>PostgreSQL</span><span>EJS / Web Dashboard</span>
+      <span>Docker</span><span>Linux / CasaOS</span><span>Cloudflare Tunnel</span><span>Gitea + CI/CD</span>
+    </div>
+  </section>
+
+  <section id="proyek">
+    <h2>Proyek</h2>
+    <div class="card">
+      <h3>App Kasir (Mobile) <span class="tag">- mobile</span></h3>
+      <p>Aplikasi kasir mobile untuk transaksi harian - kasir, produk, laporan. Dibangun dengan Expo,
+      terhubung ke API kasir di home server.</p>
+      <div class="stack"><span>Expo</span><span>React Native</span><span>JavaScript</span><span>REST API</span></div>
+      <div class="links"><a href="https://git.gosambi.uk/onie/app-kasir">Source (Gitea)</a></div>
+    </div>
+    <div class="card">
+      <h3>API Kasir (Service) <span class="tag">- live</span></h3>
+      <p>REST API backend untuk aplikasi kasir mobile: autentikasi, produk, transaksi, laporan.
+      Live 24/7 di home server dengan Docker + auto-deploy dari Gitea.</p>
+      <div class="stack"><span>Express</span><span>Prisma</span><span>PostgreSQL</span><span>Docker</span><span>Swagger</span></div>
+      <div class="links"><a href="https://api.gosambi.uk">Live API</a><a href="https://git.gosambi.uk/onie/api-kasir">Source (Gitea)</a></div>
+    </div>
+    <div class="card">
+      <h3>Rental PS (Web + API) <span class="tag">- live (lokal)</span></h3>
+      <p>Sistem manajemen rental PlayStation: unit PS, timer rental, menu makanan/minuman,
+      order transaksi, dashboard pemasukan + dokumentasi Swagger di <b>/api-docs</b>.</p>
+      <div class="stack"><span>Express</span><span>EJS</span><span>Prisma</span><span>PostgreSQL</span><span>Docker</span></div>
+      <div class="links"><a href="https://git.gosambi.uk/onie/app-rental-ps">Source (Gitea)</a></div>
+    </div>
+    <div class="card">
+      <h3>Homelab gosambi.uk <span class="tag">- infra</span></h3>
+      <p>Infrastruktur self-hosted di CasaOS: Gitea + runner CI/CD, Nextcloud, n8n, Uptime Kuma,
+      portofolio ini, dan halaman link - semua lewat satu Cloudflare Tunnel tanpa buka port.</p>
+      <div class="stack"><span>CasaOS</span><span>Docker</span><span>Cloudflare Tunnel</span><span>nginx</span></div>
+      <div class="links"><a href="https://link.gosambi.uk">link.gosambi.uk</a><a href="https://git.gosambi.uk">git.gosambi.uk</a></div>
+    </div>
+  </section>
+
+  <section id="kontak">
+    <h2>Kontak</h2>
+    <div class="card">
+      <p>Punya proyek atau sekadar ngobrol? Hubungi saya lewat halaman link:</p>
+      <div class="links"><a href="https://link.gosambi.uk">link.gosambi.uk</a><a href="https://git.gosambi.uk/onie">Gitea saya</a></div>
+    </div>
+  </section>
+
+  <footer>- 2026 gosambi - self-hosted di HomeLabs (CasaOS) - gosambi.uk</footer>
+</div>
+</body>
+</html>