A Progressive Web App (PWA) for accounting-based personal finance management, built with React, TypeScript, Vite, and Tailwind CSS. The application simplifies bookkeeping by implementing double-entry accounting principles, including debit/credit separation, automatic balance calculations based on account types, bulk account and transaction management, and multi-line journal entries with automatic balancing. It integrates Google Authentication for secure access and leverages Google Sheets with Google Apps Script as a serverless backend for data storage and processing. The application is installable, responsive, and optimized for both desktop and mobile devices.

• Vite PWA
• ReactJS
• TailwindCSS
• Typescript

Veya is an innovative web-based platform featuring a diverse collection of competitive multiplayer games driven by real-time WebSocket technology via Socket.IO, TypeScript, and Node.js for seamless, ultra-low-latency gameplay directly in the browser. By leveraging a server-authoritative architecture, the application ensures high-precision state synchronization, full type safety, and fair play across all matches

• Socket IO
• Node JS
• Typescript
• Tailwind

An Android mobile application built with React Native and TypeScript for tracking watched anime with a fast and intuitive user experience. The app enables users to create, manage, and update their anime watch history through a clean, streamlined interface. Users can record the anime title, watch progress, and either episode count or viewing duration in a single form. The title field provides real-time auto-complete suggestions by integrating with an external anime API, allowing quick and accurate title selection. The app also features intelligent progress input, automatically interpreting numeric values as either episode counts or time durations (hours and minutes), minimizing manual formatting. Designed with simplicity and efficiency in mind, the application makes maintaining a personal anime watch log effortless.

• React Native
• Typescript
• Google Appscript

Developed a food recommendation website using a machine learning–based recommendation system built with the K-Nearest Neighbors (KNN) algorithm. The model was deployed as a REST API using Flask and integrated with a Next.js web application to enable seamless data communication. Also contributed to full-stack web development, including frontend implementation and API integration.

• TailwindCSS
• NextJS
• Typescript
• Scikit

A full-stack scholarship management website developed for Pijar Berdaya Indonesia using Next.js and MySQL. Built collaboratively as part of a team, I contributed mainly to backend development while also supporting full-stack integration. The platform features a public landing page, Google authentication login, scholarship registration system, admin dashboard, and an automated scoring module to rank the applicants.

• Next JS
• MySQL
• AuthJS
• TailwindCSS

A static company profile website built for PT SHB Naga using React. The site showcases the company’s background, services, and contact information in a clean, responsive design. Built as a single-page application with reusable components for fast performance and easy maintenance.

• ReactJS
• TailwindCSS
• Vite

Ngabarin is a Java Swing-based desktop application for managing campus events, developed with role-based access control. The system includes three user roles—regular students, event creators, and admins—each with different permissions. Key features include login and signup, event creation, editing, deletion, and the ability to mark events as completed (based on user role). The application is integrated with a local SQL database for primary data storage and includes a cloud backup feature using Supabase to ensure data safety

• Java
• Swing
• MySQL

CariGawe is a collaborative team project—a job search web application built with React and powered by Supabase for backend services and data management. The platform supports three user roles—job seekers, companies, and admins—each with different access levels. Key features include login and registration, job browsing for applicants, and job management (add, edit, delete) for companies and admins. Job seekers can apply by submitting their personal information such as name, age, experience, CV, and results from an integrated skill assessment test. Job listings are displayed in a responsive card layout, each leading to a detailed job description.

• ReactJS
• TailwindCSS
• Vite
• Supabase

Image Guesser is a simple desktop game developed in Java using the Swing library. The goal is to guess the correct answer based on the image shown, with a total of 10 questions and a maximum of 3 allowed mistakes. The game includes a basic login feature to track individual players during a session, and a real-time leaderboard that displays top scores while the application is running (data is not stored in a database). It offers a light and fun challenge with a clean user interface and interactive gameplay.

• Java
• Swing

Portfolio V2 is the second version of my personal portfolio website, built with React.js and styled using Tailwind CSS. This version features an improved and more polished design, enhanced responsiveness for various devices, and cleaner, more consistent styling. The site is also integrated with MongoDB for dynamic content handling, making it not only visually optimized but also scalable and data-driven.

• ReactJS
• TailwindCSS
• Vite
• MongoDB

PawsitiveVibes is a simple yet informative website that focuses on pet care, primarily for dogs, cats, and reptiles. Built with semantic HTML and responsive design principles, the site provides essential information about pet food, daily care, handling tips, as well as contact details and websites of nearby veterinarians. It emphasizes accessibility and clean structure for an easy browsing experience across all devices.

• HTML
• CSS
• Javascript

• Python
• Kivy
• KivyMD

ZooSphere is a responsive website built with React.js, Tailwind CSS, and Vite that allows users to explore detailed zoo information, including opening hours, animal listings, latest news, and the zoo’s history. It features an integrated ticket purchasing system where each ticket is assigned a unique code generated using the random npm library. The site also includes contact information and uses MongoDB for backend data management

• ReactJS
• Vite
• TailwindCSS
• MongoDB

Ticket Ordering is a command-line interface (CLI) application developed in C++. It allows users to order tickets while implementing a queue algorithm to manage customer flow efficiently. The application also utilizes a decision tree to generate unique ticket codes, demonstrating basic data structure and algorithm implementation in a practical context.

• C++
• PowerShell

Recollection is a desktop application built with Python, using Kivy and KivyMD for the user interface. It is designed to organize trade notes, personal journals, and academic materials. The app uses a CSV-based system

• Python
• Kivy
• KivyMD

My first static portfolio project, built using vanilla HTML, CSS, and Bootstrap. It showcases single-page design that includes a landing section, about me, education, skills, achievements, project highlights, and a contact form (design only). The project focuses on layout structure and fundamental front-end development practices.

• HTML
• Bootstrap5
• CSS