This mobile music player interface was inspired by a horizontal sliding layout showcased by the Google Chrome development team. Reimagined as a vertical sliding panel, it mimics the smooth transition used in early Google Music apps. Built entirely in CodePen using pure HTML, CSS, and JavaScript, the project explores gesture driven layout and responsive animation as a personal study in motion design and UI adaptation.

You can check the live demo on my codepen here: codepen.io/ekoputrapratama/pen/jOKzKjN

This project reimagines the floating Google button seen in older
Android interfaces, this version keeps the interaction local—
morphing the floating button into a fully functional search bar
without navigating away. Built in CodePen using pure HTML, CSS,
JavaScript, and Velocity.js, it features a smooth morphing animation.
The concept was self-initiated and developed as a personal
experiment in motion design and UI fluidity.

you can check the demo here: https://www.twine.net/signin

This desktop application was developed to manage courier
assignments and delivery tracking. It allows administrators to assign
couriers to customer orders, monitor delivery statistics, and manage
user profiles. The system includes visual charts for shipment and
order trends, helping users analyze performance over time. Built to
replace manual tracking methods, it streamlines logistics operations
with structured data entry and reporting tools.

A desktop-based student management system developed during
college, designed to help administrators manage student profiles
and account balances. The application supports tracking deposits,
deductions, and financial activity per student.

This is a thesis project i made for my friend, it used to manage
employee information and employee can submit leave application
and admin or manager will decide if their submission gonna be
approved or not or change the date when the employee can take a
leave vacation.

This desktop application was developed as a thesis project tailored
to a logistics workflow. It replaces manual tracking done in Microsoft
Excel with a structured interface for managing delivery destinations,
service costs, and operational data. Built to streamline delivery
planning and cost management, the system offers a practical
solution for small logistics teams.

While in college, I often listened to this radio station but found it frustrating that their stream couldn’t play in the background. To solve this, I developed a dedicated mobile version of the station’s player, allowing uninterrupted listening while multitasking.

Key Features:

• Background Playback — Keep the stream running while using other apps or with the screen off.
• Lightweight & Responsive — Optimized for smooth performance on a range of devices.
• Simple, Focused UI — Designed for quick access to the live stream without unnecessary distractions.

Impact:
KPFM turned a personal annoyance into a practical solution, making the station more accessible and enjoyable for listeners on the go.

A desktop application built to support factory operations such as
inventory tracking, material management, and order processing.
Users can manage suppliers, customers, products, and production
components through a structured menu interface. The system
includes a Bill of Materials (BOM)—a detailed list of raw materials
and components required to manufacture each product. Reporting
tools help monitor stock levels and sales activity.