onie/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fokus isi proyek: App Kasir mobile + API service, App Rental PS
All checks were successful
Deploy Portfolio to Production / deploy (push) Successful in 9s
Details

Browse Source
This commit is contained in:
onie
2026-10-17 12:38:21 +07:00
parent 12b437698c
commit b8e236d468
1 changed files with 49 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
index.html
View File

@@ -3,108 +3,93 @@
<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.">
<title>gosambi - Proyek</title>
<meta name="description" content="Proyek gosambi: App Kasir mobile + API service, dan sistem Rental PS.">
<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{text-align:center;padding:64px 16px 40px}
.hero h1{font-size:2.4rem}
.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}
.hero p.sub{color:var(--mut);margin-top:8px;font-size:1.05rem}
section{margin-top:36px}
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{background:var(--card);border:1px solid #30363d;border-radius:14px;padding:18px;margin-bottom:16px}
.card h3{margin-bottom:4px}
.card .tag{font-size:.8rem;color:var(--acc2)}
.card p{color:#c9d1d9;font-size:.95rem;margin-top:6px}
.card ul{color:#c9d1d9;font-size:.92rem;margin-top:8px;padding-left:20px}
.card li{margin-bottom:4px}
.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}
footer a{color:var(--acc);text-decoration:none}
</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>
<h1>Proyek <span>gosambi</span></h1>
<p class="sub">Aplikasi mobile, REST API &amp; sistem operasional yang saya bangun sendiri</p>
</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>
<h3>App Kasir - Aplikasi Mobile <span class="tag">- mobile</span></h3>
<p>Aplikasi kasir berbasis mobile untuk transaksi harian: kasir, produk, dan laporan.
Dibangun dengan Expo (React Native), siap build APK via EAS, terhubung ke service API Kasir
yang saya hosting sendiri.</p>
<ul>
<li>Transaksi kasir harian + laporan penjualan</li>
<li>Build Android via EAS / local Gradle</li>
<li>Terhubung ke API Kasir (service di bawah)</li>
</ul>
<div class="stack"><span>Expo</span><span>React Native</span><span>JavaScript</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>
<h3>API Kasir - Service Backend <span class="tag">- live</span></h3>
<p>Service REST API yang menjadi tulang punggung App Kasir mobile: autentikasi, produk,
transaksi, dan laporan. Berjalan 24/7 di home server (Docker + PostgreSQL) dengan dokumentasi
Swagger otomatis dan CI/CD auto-deploy dari Gitea.</p>
<ul>
<li>REST API (Express + Prisma + PostgreSQL)</li>
<li>Dokumentasi Swagger di endpoint API</li>
<li>Docker + auto-deploy via Gitea Actions</li>
</ul>
<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>
<h3>App Rental PS - Web + API <span class="tag">- live (lokal)</span></h3>
<p>Sistem manajemen rental PlayStation untuk operasional harian, dari reservasi unit sampai
kasir harian. Terdiri dari web dashboard (EJS) + REST API dengan dokumentasi Swagger di
<b>/api-docs</b>, database PostgreSQL via Prisma.</p>
<ul>
<li>Manajemen unit PS: kategori, status, harga per jam</li>
<li>Sewa + timer otomatis, order makanan/minuman dalam satu transaksi</li>
<li>Dashboard pemasukan harian + laporan</li>
<li>Autentikasi user (admin/staff) + JWT</li>
</ul>
<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>
<footer>
2026 gosambi - self-hosted di HomeLabs (CasaOS) - gosambi.uk
| <a href="https://link.gosambi.uk">link.gosambi.uk</a>
| <a href="https://git.gosambi.uk/onie">Gitea</a>
</footer>
</div>
</body>
</html>