+ ~ whoami +
++ # + Teknik Informatika student exploring backend systems, distributed + infrastructure, and DevOps — still learning, still building. +
- Backend & infrastructure engineer who builds distributed systems, - RESTful APIs, and production-grade observability stacks. -
-+ ~ about +
+- I build backend systems and infrastructure for personal projects, - research collaborations, and production deployments. My work spans - RESTful API design, container orchestration with Docker & - Traefik, distributed tracing with OpenTelemetry & Jaeger, and - event-driven architectures on Dapr & NATS. + I’m a Teknik Informatika student passionate about backend + engineering, distributed systems, and infrastructure. I spend my + time building RESTful APIs, learning container orchestration with + Docker & Traefik, and exploring observability with OpenTelemetry + & Jaeger.
-- I was the Back-End lead on the ZeaVis Edu capstone team ("AI - for Smart Education" by Pijak × IBM SkillsBuild), where - I designed the system architecture, API contracts, and deployment - pipeline for a computer vision-based corn leaf disease detection - platform. +
+ I was the Back-End lead on the ZeaVis Edu capstone team (“AI + for Smart Education” by Pijak × IBM SkillsBuild), + a 5-person team with task division across Back-End, Front-End, + and Machine Learning. I handled the system architecture, API + design, RESTful API development, and Docker deployment on VPS.
- - ++ ~ skills +
++ ~ featured + project +
+
+
Asisten Edukasi Interaktif untuk Deteksi Penyakit Daun Jagung
@@ -179,19 +186,19 @@ export default function Home() {+
A Computer Vision-powered educational platform that helps farmers, agricultural students, and field extension officers identify corn leaf diseases by uploading a photo. Built as a capstone project for the Pijak × IBM SkillsBuild program.
-+
What it does
-+
My role
-This site doubles as a live infrastructure monitor.
The dashboard tracks Docker services, Traefik request metrics, - Prometheus system resources, and Jaeger traces across the - deployment. + Prometheus system resources, and Jaeger traces — all running on + my VPS deployment.
Live Dashboard diff --git a/src/components/dashboard/header.tsx b/src/components/dashboard/header.tsx index b203581..7719f1d 100644 --- a/src/components/dashboard/header.tsx +++ b/src/components/dashboard/header.tsx @@ -1,13 +1,17 @@ "use client"; +import { Moon, Sun } from "lucide-react"; +import { useTheme } from "next-themes"; import { useEffect, useState } from "react"; import { Badge } from "@/components/ui/badge"; +import { Button } from "@/components/ui/button"; import type { DashboardData } from "@/lib/dashboard/types"; export function DashboardHeader() { const [degraded, setDegraded] = useState(0); const [total, setTotal] = useState(0); const [time, setTime] = useState(""); + const { theme, setTheme } = useTheme(); useEffect(() => { const fetchStatus = async () => { @@ -74,6 +78,15 @@ export function DashboardHeader() { ? `${degraded} degraded` : "All Systems Operational"} + {time}