← Projects

Fanny Bagus Ramadhan · 32 projects · November 2026

Projects.

Work and experiments I have built or contributed to, collected in one place.

W

2026 · Backend · Server · Frontend

Web Host Manager

A complete hosting management system (WHMCS alternative) built with Laravel and React.js. Integrated with CPanel, Proxmox, LXD, domain registrars, and payment gateways.

PHPLaravelReactProxmox APICPanel API
C

2026 · Backend · Frontend

Chat App Multiapps

An omnichannel customer-support chat system that unifies WhatsApp, Telegram, Instagram and more into one real-time dashboard, built on Fastify, Next.js, Prisma, and Socket.IO.

Node.jsFastifyNext.jsTypeScriptPrismaRedisSocket.IOMySQLDocker
P

2026 · Frontend · Backend · DevOps

Proxmox Management Server

A from-scratch Proxmox VE management panel — a single-port monorepo with an AdonisJS API, real-time WebSockets, background workers, and a React control panel.

TypeScriptAdonisJSReactViteMySQLRedisDocker
K

2026 · Mobile · Backend · Frontend

Karirku — Workplace Super App

An employee management and online attendance platform: an Android app for selfie + GPS check-ins, and a web dashboard for shifts, leave, overtime, payroll, reimbursements, and office finance.

FlutterNestJSTypeScriptReactViteMySQLPrismaRedis
K

2026 · Backend · Frontend

Kos Management App

A boarding-house (kos) management system built as a Laravel 13 REST API with a decoupled React SPA — multi-building, billing, tenants, and role-based access.

LaravelPHPReactBootstrapViteMySQL
W

2026 · Frontend · Backend

Watch Store

A modern Casio watch e-commerce store inspired by the Apple Watch website, built with Laravel 13, Inertia, React, Tailwind CSS, and Framer Motion, with a custom Blade admin panel and Midtrans payment integration.

LaravelReactInertiaTailwind CSSFramer MotionBladeMidtransSQLite
D

2026 · Backend · Frontend

DyskFlow — Laravel CMS

A Laravel CMS with no build step: install through a wizard without a terminal, update from GitHub with one button, and get built-in SEO, two languages, plugins, and freely coded landing pages.

LaravelPHPJavaScriptCSSMySQLSQLite
P

2026 · Frontend · Backend · Game

Pintar Party — Educational Party Games

A web-based educational party-game platform: the TV or laptop runs the game, and players' phones become controllers after scanning a QR code. Questions are built into the game mechanics.

TypeScriptNode.jsExpress.jsSocket.IOPhaser.jsReactSQLiteMediaPipe Pose
U

2026 · Backend · Frontend

Umrah & Hajj Travel Website with Partner Network

A website, CMS, and package catalog for an Umrah & Hajj travel agency, with pilgrim registration, installment payments, and a partner (agent) network with referral trees.

LaravelPHPBladeBootstrapMySQL
M

2026 · Backend · Frontend

Mortar Ramaindo — Company Website & Internal App

A bilingual company website and a sales-management web app for a dry-mortar manufacturer in Lamongan: distributor targets and realizations, programs, promo budget, documents, and a mobile sales portal.

LaravelPHPLivewireAlpine.jsTailwind CSSMySQL
L

2026 · Backend · Frontend

LKP Big Dream Education Center

A bilingual website and CMS for an English course, with participant accounts, paid certificates, TOEFL-style online tests with automatic scoring and exam security, and certificates anyone can verify by QR code.

LaravelPHPLivewireAlpine.jsTailwind CSSMySQL
M

2026 · Frontend · Game

Motion Runner

An educational endless runner game where players control gameplay using body movements detected through a webcam while answering learning questions.

TypeScriptJavaScriptPhaser.jsMediaPipe PoseWeb APIs
O

2026 · Frontend

One Day One Code

A series of small, focused builds — landing pages, browser games, interactive learning labs, and a desktop app — each designed and shipped in about a day.

HTMLCSSJavaScriptThree.jsCanvasElectron
M

2026 · Backend · Frontend · DevOps

Mac Service Admin

A local, dependency-free web dashboard for managing a macOS dev environment — Homebrew services, Docker, Laravel Herd, language versions, config files, system stats, and a real terminal in the browser.

GoJavaScriptxterm.jsSwiftHomebrewDocker
H

2026 · Frontend

Hugo Portfolio & Blog

My personal site (fanny.dev) — a Hugo static site with a hand-written Tailwind v4 theme, blog, shelves, projects, resume, and more.

HugoTailwind CSSJavaScript
N

2026 · Mobile

NotiFly — Bank Notification Forwarder

An Android app that listens for bank notifications, filters the relevant ones, keeps them as local history, and forwards them to your own backend server.

KotlinJetpack ComposeAndroidRoomRetrofitWorkManager
A

2026 · Backend · Frontend

AI News Blog System

A two-component news portal where a Laravel API owns the data and a Python worker scrapes, rewrites articles with an LLM, and auto-publishes them.

PHPLaravelPythonMySQLBladeREST API
A

2026 · Frontend

Astro Portfolio

A single-screen, no-scroll personal portfolio built with Astro, featuring an Apple-style Liquid Glass UI and bilingual content.

AstroTypeScriptCSSJavaScript
D

2026 · Frontend · Backend

DyskFocus — Focus & To-do App

A focused, OmniFocus-style task manager that is self-hosted, offline-capable, and packageable as a native macOS app.

LaravelPHPReactTypeScriptViteTailwind CSSSQLiteElectron
S

2026 · Frontend · Backend

Streaming Assistant

A YouTube Live bot that reads live chat, awards points to commenters, and turns them into Saweria-style OBS alerts.

FastifyNode.jsTypeScriptReactViteTailwind CSSSQLiteWebSocket
W

2026 · Frontend

Wedding Invitation

A modern digital wedding invitation application built with React and Vite, featuring responsive layouts and interactive invitation experiences.

ReactViteTailwind CSSTypeScript
W

2026 · Backend · Frontend

WHMCS Custom Modules & Hooks

Development of custom modules, hooks, and addons for the WHMCS platform to meet hosting business operational needs.

PHPJavaScriptVue.jsWHMCS API
H

2025 · Server

Home Server

A personal server built on a repurposed laptop, configured with Proxmox, Docker, and Cloudflare Tunnel to support self-hosting and development needs.

ProxmoxDockerCloudflare TunnelLinux
P

2025 · Backend · Frontend

Price Prediction System

My undergraduate thesis project: forecasting rice prices across East Java with Single and Double Exponential Smoothing, from an ETL pipeline on government price data to a Streamlit dashboard.

PythonPandasNumPyStatsmodelsStreamlitMySQL
U

2025 · Server · Backend · Frontend

Uptime Monitoring

A server monitoring system that periodically checks the status of hundreds of endpoints and sends automatic Discord notifications when downtime occurs, enabling faster incident response.

Node.jsEJSDiscord WebhookExpress.js
J

2025 · Automation · Backend

Judol Slayer

A JavaScript-based moderation tool designed to detect and remove spam 'judol' comments from YouTube videos automatically.

Node.jsExpress.js
T

2025 · Backend · Frontend

Temporary File Uploader

A lightweight temporary file sharing platform that allows users to upload, store, and share files with automatic expiration support.

PHPJavaScriptCSS
M

2025 · Automation

Manga Text Removal

A Python-based image processing tool designed to remove text from manga panels and images using OCR and computer vision techniques.

Python
M

2024 · Automation

Manga Downloader

A Node.js-based manga downloader tool designed to automate manga chapter downloads from online sources efficiently.

Node.js
M

2024 · Frontend

My Anime List

A modern anime catalog and discovery web application built with Next.js, featuring anime browsing, search, and responsive UI experiences.

Next.jsReactTailwind CSS
O

2021 · Backend · Frontend

Online Classroom

A web-based online classroom platform for managing learning activities, assignments, and student interactions digitally.

PHPLaravelBootstrapjQuery
P

2020 · Backend · Frontend

Pharmacy System

A web-based pharmacy management system built to simplify medicine inventory, sales transactions, and pharmacy operational workflows.

PHPLaravelBootstrapjQuery