// PROJECT_DB

All Projects

A collection of side projects showcasing things I've built, covering everything from the design and development of websites to games and more.

29 PROJECTS
Valorant website UI design
UI/UX DESIGN

Valorant UI

A Valorant-inspired website prototype created while learning Adobe XD, exploring UI, layout, and interactions.

Adobe XD
Netflix-inspired user client
WEB

Movie CMS

A full-stack movie platform featuring an admin CMS, public website for browsing movie information and trailers, mobile app, and shared backend services.

React.jsViteRedux+12Tailwind, Express.js, Sequelize, PostgreSQL, Supabase, GraphQL, MongoDB, Redis, AWS EC2, Netlify, React Native, Expo
Urban Edge furniture public website
WEB

Urban Edge CMS

A full-stack furniture platform with an admin CMS, user authentication, product browsing, and bookmarking.

Vue.jsPiniaTailwind+9Express.js, Sequelize, PostgreSQL, Supabase, Google Auth, Jest, Axios, Google App Engine, Firebase
Previous personal portfolio website
WEB

Portfolio Website '21

A previous personal portfolio website, designed to showcase projects with a focus on performance, accessibility, and SEO.

Gatsby.jsGraphQL+3Bootstrap, Netlify, Google Analytics
Flappy Bee gameplay
GAMES

Flappy Bee

A fun little arcade-style browser game where you guide a bee through a never-ending stream of obstacles.

JavaScriptHTMLSCSS
University room booking system homepage
WEB

Room Booking System

A university room booking system built with Next.js and Strapi, supporting student reservations, staff room management, and user administration.

Next.jsStrapi+3Bootstrap, GraphQL, SQLite
Tacotta mobile application
MOBILE

Tacotta

A mobile marketplace platform for Indonesian artisans to showcase and sell their handmade crafts.

React NativeExpo+14Apollo, Axios, Figma, Express.js, Sequelize, PostgreSQL, MongoDB, GraphQL, AWS S3, Midtrans, Google Cloud Vision API, Cloud Firestore, Supabase, Jest
Streaming platform web application
WEB

Stream Log

A movie tracking platform built with Spring Boot microservices, allowing users to browse titles, track watch progress, rate content, and view personal statistics.

JavaSpring Boot+8Thymeleaf, PostgreSQL, Docker, Docker Compose, Nginx, ActiveMQ, JWT, Kubernetes
Pocket Productivity Hub mobile application
MOBILE

Pocket Productivity Hub

A mobile app that combines multiple productivity tools in one place. The MVP was developed using an AI-assisted development workflow.

ExpoAppwrite+6TypeScript, React Native, Claude, Cursor AI, DeepSeek, TRAE AI
Invoice Management System dashboard
WEB

Invoice Management System II

A system built to help a small business streamline invoicing, customer management, product pricing, and staff workflows through a simple and accessible interface.

React.jsVite.js+7Tailwind CSS, Express.js, Sequelize, PostgreSQL, Supabase, Firebase, Google App Engine
Pied Piper website recreation
WEB

Pied Piper Website

A landing page I built while learning React.js and playing around with interactive UI effects

React.jsBootstrap+1react-particles
DHRecord dental health record management system clinic search interface
WEB

DHRecord — Dental Health Record Management System

A web-based system built to connect dental clinics and patients, with clinic discovery, appointment scheduling, and patient record management.

PHPHTMLCSS+3JavaScript, Bootstrap, jQuery
Contact Book contact list interface
WEB

Contact Book

A Ruby on Rails contact management application with user authentication and CRUD functionality for creating and managing personal contacts.

Ruby on RailsBulma+1SQLite
Invoice Management System dashboard
WEB

Invoice Management System I

A system for small and medium-sized businesses, featuring role-based access, invoice generation, company administration, customer management, and product pricing.

Next.jsMongoDB+4Tailwind CSS, NextAuth, Mongoose, Vercel
PhotoTon photo sharing web application
WEB

PhotoTon

A photo-sharing web application inspired by Instagram, built with Ruby on Rails and featuring Facebook authentication.

Ruby on Rails+2Bootstrap, SQLite3
SIM Connect Scraper
OTHERS

SIM Connect Scraper

A Python automation tool that extracts student schedules from SIM Connect and exports them into an Excel spreadsheet.

PythonPandas+3Selenium, Beautiful Soup, XlsxWriter
Order Brushing Detection
DATA ANALYSIS

Order Brushing Detection

A Python data analysis project that detects suspicious order-brushing behaviour in e-commerce data as part of the Shopee Code League.

PythonPandas
Logistics Performance
DATA ANALYSIS

Logistics Performance

A Python data analysis project that identifies late deliveries based on logistics provider Service Level Agreements (SLAs).

PythonPandasNumPy+1tqdm
Product Image Classification II
OTHERS

Product Image Classification II

A computer vision project for classifying e-commerce product images using PyTorch and pre-trained ResNet models as part of the Shopee Code League.

PythonPyTorch+6Torchvision, ResNet18, PIL, NumPy, Pandas, tqdm
Product Image Classification I
OTHERS

Product Image Classification I

A computer vision project for classifying e-commerce product images using TensorFlow, Keras, and convolutional neural networks.

PythonTensorFlow+6Keras, OpenCV, NumPy, Pandas, Scikit-learn, Pickle
YouTube Video Downloader
OTHERS

YouTube Video Downloader

A Python automation project that takes a YouTube URL and handles the download through a browser.

PythonSelenium+2BeautifulSoup, urllib
Rock Paper Scissors Java GUI
GAMES

Rock Paper Scissors

A simple Java GUI game created as a school assignment to learn and practice Java Swing and AWT.

JavaJava Swing+1Java AWT
Me Against Traffic gameplay
GAMES

Me Against Traffic

A survival game where the player avoids incoming cars while their speed increases over time.

PythonPygame
Get Rid of the Virus gameplay
GAMES

Get Rid of the Virus

A survival game where the player avoids viruses coming from different directions.

PythonPygame
Rails Blog web application
WEB

Rails Blog

A simple blog web application built with Ruby on Rails, featuring post creation, editing, deletion, and comments with SQLite for data persistence.

Ruby on RailsBulma+2SCSS, SQLite3
QnA Room Java GUI
OTHERS

QnA Room

A Java GUI application created as a school assignment to explore interactive question-and-answer interfaces.

JavaJava Swing+1Java AWT
Patient Record Tracker application
WEB

Patient Record Tracker

A MERN stack patient record management application for maintaining patient check-in records with CRUD functionality.

React.jsMongoDB+5Bootstrap, Express.js, Node.js, Mongoose, Axios
React to-do list application interface
WEB

React To-do List

A simple React.js to-do list application built as my first React project, featuring task creation, reordering, deletion, and a neumorphic interface.

React.js
Preview of the First HTML webpage
WEB

First HTML Webpage

My first HTML and CSS webpage, created in 2018 while learning programming for the first time.

HTMLCSS