I’m Muhammad Sayuti, a self-taught software developer with over a decade of experience building applications across web, mobile, and desktop. I work especially in JavaScript and the MERN stack (MongoDB, Express.js, React.js, and Node.js), and I also use Python and Dart/Flutter to deliver practical, user-focused features.
I enjoy designing scalable architectures, optimizing APIs, and implementing secure, high-performance solutions. In addition to engineering, I’ve built automation tools (including Selenium-based workflows) and improved internal mobile app usability by adjusting styling in an Ionic APK—always aiming to make systems smoother for both users and teams.
Skills
Experience Level
Language
Work Experience
Education
Qualifications
Industry Experience
"A secure, private cloud environment specifically designed for families to store and share photos without compromising data privacy.
play store link : https://www.twine.net/signin
A community-driven or library-style platform for writers and readers to publish and discover novels.
site url : https://www.twine.net/signin
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.
github : https://www.twine.net/signin
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.
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.
demo : https://www.twine.net/signin
Varity was a mobile utility app designed to manage volume and brightness settings on a per-app basis. By leveraging Android’s Accessibility Service, it detected active window changes and automatically applied saved preferences for each app. Users could configure settings manually or let Varity learn and store their adjustments. The app featured a dark UI, notification prompts, and undo functionality for quick reversals. Though it was later removed from the Play Store, it remains a strong example of system-level customization through accessibility APIs.
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.
demo : https://www.twine.net/signin
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 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.
demo : https://www.twine.net/signin
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.
demo : https://www.twine.net/signin
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.
demo : https://www.twine.net/signin
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.
Hire a Back-End Developer
We have the best back-end developer experts on Twine. Hire a back-end developer in Balikpapan today.