HAFIZHAFIZHAMDANIHAMDANI

A live tracker for the League of Legends World Championship: match center, bracket, standings, team pages, pick'em and push notifications. Next.js PWA backed by Supabase, syncing the official lolesports feed every 5 minutes.

A Formula 1 intelligence dashboard for the 2026 season: calendar, live timing tower, standings, telemetry lab and tyre strategy. 101 unit tests, 19 contract tests and 10 Playwright end-to-end scenarios keep it honest.

Indonesian forest- and land-fire monitoring: NASA FIRMS hotspots, air-quality stations and modelled smoke plumes on one map, proxied through serverless functions.

Real-time earthquake dashboard pulling from USGS worldwide, BMKG for Indonesia and JMA for Japan, with regional views and a 60-second refresh.

Playwright end-to-end suite for ShelfSeeker: 39 tests across desktop and mobile emulation, running in GitHub Actions with a self-updating report dashboard and an Allure report per run.

University project turned portfolio piece: a book-discovery app on the OpenLibrary API with a reading list, barcode scan and similar-book suggestions. Redesigned and extended in 2026. The badge here is live from the ShelfSeeker E2E suite (project 05), which tests this deployed app.

Final-thesis project: a Flutter mobile app and companion website talking over a REST API, built for a real stakeholder, Dewa Management.

Growth-monitoring PWA for posyandu cadres in Parakan Kauman, Temanggung, from a KKN team project with BKKBN in July 2024. The current build runs on Next.js and Supabase, with the PHP/MySQL original kept on the legacy-php branch: record a child's weight and height, get WHO 2006 z-scores on the spot, and follow each child's curve over time. Row Level Security keeps every cadre inside their own posyandu. The current codebase carries 19 unit tests and 22 Playwright end-to-end tests in CI.

Local fraud and transaction-risk analytics on a public synthetic dataset of 13.3 million transactions. FastAPI and DuckDB power a Next.js dashboard with transaction filtering, calibrated LightGBM scores, per-transaction explanations, model evaluation, exposure scenarios and a local case workflow. Historical labels, model estimates and simulated figures are kept separate. README, screenshots and a demo video are on GitHub; no hosted demo.

PDF tools for the Undip community that run entirely in the browser: compare two versions, summarize or translate with Gemini, merge, split, rotate, crop, compress, watermark and more. Files are processed on your device with pdf-lib and pdf.js and never uploaded to a server. Sign-in is restricted to Undip email addresses.

A Chrome extension that puts live captions and translation on any tab: YouTube, Twitch, a livestream, a lecture recording. Tab audio is transcribed by Whisper on Groq's free tier with three accuracy modes; Balanced shows a fast draft and quietly replaces it with the more accurate read a moment later. Translation runs on Chrome's built-in on-device Translator where possible, with an open-weight LLM fallback, and sessions export to .srt.

A defensive CLI that checks PHP runtimes against the PHP2Shell fixes (CVE-2026-109618 and CVE-2026-109619). It inventories local installs, SSH hosts, HTTP headers and logs, and tracks which Ubuntu package owns each binary so an unrelated package can never pass as a patch. It reports version and inventory evidence, never a blanket 'site is safe' verdict. 41 tests run in CI on Python 3.9 and 3.12.

A personal bookshelf for a real 50-volume collection of manga and novels. Drag spines into any order, open a per-book journal with ratings, notes, quotes and loan tracking, get a mood-based random pick, or play per-book soundtracks on a vinyl turntable. Add your own books by hand or by ISBN lookup. Local-first: everything stays in the browser, with validated JSON backup and restore. 194 unit and Playwright checks run against the production build.

A browser Arduino simulator for learning by wiring. Guided lessons plus a free-build workspace with more than 20 wireable parts, a sketch editor with the running line highlighted, analog reads solved from the actual resistor network, and plain-language hints about what the circuit is missing. A teaching model that says plainly what it does not simulate.

A recreation study, not an original design. The Valleria commerce template by Sevgi Odabas (Framer Marketplace) recreated as a Go web app with templ and vanilla JS, matched to the reference layout from measured boxes at five viewports. Search, cart and per-country prices work from a local index and the store's public catalog; checkout and newsletter stay unconnected. The original photos, video and copy stay with the template author. Work in progress.

A Playwright and TypeScript test suite for my Worlds 2026 tracker: 117 test cases over the API, filters, time zones, languages, spoiler-free mode, the Swiss predictor and accessibility, with a test plan, run evidence and a log of five defects it found.