About Me
Hello 👋, my formal name is Muhammad Sayuti but people call me Eko, so some of my online account is named Eko Putra Pratama.
I’ve been coding since 2012. My career has taken me from the classroom—where I served as an Android Lecturer Assistant—to the field, where I’ve built everything from retail dashboards to custom automation scripts.
I thrive in the "Gray Area" of development—finding solutions when source code is lost or when standard tools aren't enough. I focus on building, testing, and shipping tools that work today, rather than over-engineering for a tomorrow that might never come.
My Skills
Latest Articles
Projects
KPFM
When i’m in collage i usually listen to this radio station and feel annoyed sometimes when it can’t play in the background, so i made the mobile version of it just for personal use.
Delivery Management System
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.
Employee Management System
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.
Student Account Manager
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.
Factory Management System
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.
Courier Assignment System
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.
RUNCY (DESKTOP)
The desktop version of Runcy was built to provide a full-featured interface for managing sales performance and inventory levels. It includes visual dashboards for weekly and monthly sales analytics, along with alerts for critical stock products. Designed for use in small retail environments, the system allows staff to track transactions, manage product data, and monitor trends over time. Developed using Flutter and backed by Firebase, it ensures real-time data access and a consistent experience across platforms.
RUNCY (MOBILE)
The mobile version of Runcy provides real-time access to sales and inventory data. Built with Flutter and Firebase, it features a responsive dashboard showing weekly trends and alerts for low stock. Designed for small businesses, it helps users stay informed and manage operations directly from their Android devices.
FLOATING ACTION BUTTON – UI MICRO-INTERACTION
A minimalist UI component inspired by Path’s radial menu. Built with pure HTML, CSS, and JavaScript, it demonstrates responsive animation and layered action design without external dependencies. Created as a personal experiment to explore motion, interaction, and visual storytelling.
NAVIGATION DRAWER – UI MICRO-INTERACTION
A mobile interface inspired by early Android design patterns, featuring a navigation drawer with a smooth hamburger-to-arrow animation. Built using HTML, CSS, JavaScript, and GSAP, this project demonstrates responsive layout behavior and motion design principles. Created as a personal study in UI transitions and nostalgic interaction.
SLIDING MUSIC PANEL – UI MICRO-INTERACTION
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.
FLOATING SEARCHBAR – UI MICRO-INTERACTION
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
MACOS DOCK – UI MICRO-INTERACTION
A custom recreation of the MacOS Dock interface, redesigned with a dark aesthetic and animated bounce effect when icons are clicked. Built using Fabric.js and rendered entirely on HTML5 Canvas, this project demonstrates low-level drawing, motion control, and interaction design. The bouncing animation mimics native macOS behavior, adding a playful and familiar touch to the experience.
Circular Reveal UI Experiment
A front-end micro-interaction inspired by Android’s circular reveal animation, recreated for the web using HTML, CSS, JavaScript, and Velocity.js. The effect simulates a button morphing into a live chat interface—though it’s purely visual, with no actual chat functionality. This project explores how subtle animations can elevate user experience by creating intuitive, delightful transitions. It’s a study in micro-interaction design.
SAW CALCULATOR – DECISION SUPPORT TOOL
Built in just a few days for a college assignment, this web application implements the Simple Additive Weighting (SAW) method for multi-criteria decision-making. Users can define criteria, assign weights, input alternatives, and view normalized scores and rankings—all within a clean interface. Developed using React and localStorage for persistent data, the project efficiently combines multiple libraries to deliver a fast and intuitive experience.
Stella
Stella is a comprehensive Qt C++ based utility designed for advanced Android users, developers, and enthusiasts. It streamlines complex device management tasks—from simple backups to deep system modifications—into a single, intuitive interface.
Backdroid
Backdroid is a specialized desktop utility designed to give users full control over their Android device data. Originally developed as a module for a larger suite (Stella), I branched it into a standalone project to focus on high-performance data migration and recovery.
At Menulis
A community-driven or library-style platform for writers and readers to publish and discover novels.
Pick
A high-fidelity web conversion of a professional Photoshop (PSD) car rental design.
