01
Map the real flow
Start from who uses the screen, what they need to finish, and what information must stay visible while they work.
Selected product workWeb / Mobile / Internal Tools
I turn messy workflows into shipped product tools.
No bloat. No vague handoff. Just screens that work.
I build full-stack web, Flutter, and no-code products across POS, donation, wakaf, dashboard, and internal operations. The work is practical: clear flows, reliable states, and features people can actually use.
01/Snapshot
5+
client software projects handled at Kareem Venture
70k+
orders supported through Elf Store and Kareem POS integration
10B+ IDR
processed donation flow contribution on Tarahum.id
02/Process
How I turn product context into usable screens
A small workflow that keeps the portfolio grounded in real product work, not only visual presentation.
02
Shape the interface
Turn the flow into practical layouts with clear hierarchy, stable states, and enough density for real use.
03
Build and refine
Implement the UI, check responsive behavior, and keep details aligned with the product context instead of decoration.
03/Projects
Things I have shipped into real workflows
POS, donation, learning, and wakaf products. Short cards first, details only when you ask for them.
01NUXT.JS + DJANGO
Kareem POS
FULLSTACK WEB
A multi-outlet cashier system with login, cashier workstation, product grid, cart flow, and manager reporting views.
Nuxt.jsDjangoPOS
02LARAVEL
Tarahum.id
MOBILE APP UI
A donation and wakaf mobile interface for campaign discovery, donation detail pages, and fundraiser participation.
LaravelMobile UIDonation Flow
03NUXT.JS + DJANGO
Kursi Hikmah
FULLSTACK WEB
A responsive Islamic learning interface with homepage, class detail, video playback, discussion, and landing page views.
Nuxt.jsDjangoContent Platform
04NUXT.JS + DJANGO
Wakaf Kenazhiran
FULLSTACK WEB
A dashboard and login UI for managing wakaf assets, stakeholders, mauquf alaih data, and wakif records.
Nuxt.jsDjangoAsset Management
04/Background
Learning path and current direction.
2019 - 2022
Software Engineering foundation
Studied Software Engineering at SMK IDN Boarding School Jonggol, completed a 10 month Flutter internship, and placed 4th in a robotic arm competition.
2022 - Present
Computer Science at Binus Online Learning
Final-semester Computer Science student at Binus Online University with current GPA 3.52 / 4.00.
May 2024 - Present
Product Engineer at Kareem Venture
Handled software projects across education, charity, wakaf monitoring, warehouse management, POS systems, and small agile teams.
05/Working principles
What I optimize for when building product interfaces.
Build product screens around the real workflow, not around decoration first.
Translate client requirements into clear, testable, and maintainable interfaces.
Keep reliability, scalability, and product context visible in every feature.
06/Contact
Have a product flow that needs to feel clearer?
I can help shape web and mobile screens for dashboards, forms, donation flows, content products, and operational tools.