I Wayan Ari Pramana Putra,S.Kom.
Frontend Engineer (React / Next.js / TypeScript) | Specializing in Web Performance
Building the modern web fast, fluid, and scalable
Denpasar, Bali, Indonesia
Showcase
Products, systems, and a few experiments. Filter by what kind of work it was — the list rearranges rather than reloading, so you keep your place.
5 projects
One inbox for a clinic network: an AI chatbot answers the routine questions — hours, preparation, rescheduling — and hands the rest to a human mid-conversation, with the whole history already on screen. Built on a live socket feed so the handover never starts from a blank slate.
60%chats closed by the bot
Frontend Engineer
Human resource information system for a hospital — rosters, attendance, leave, and payroll inputs for nurses and doctors who work in shifts rather than office hours. The scheduling grid was the whole project; everything else hangs off it.
9modules replaced
Frontend engineer
A social platform for an international membership community — profiles, feeds, live event pages, and the moderation tooling behind them. Server-rendered on CodeIgniter, which kept it quick on the connections members actually had.
20+member countries
Frontend engineer
A marketplace where households book repair work and workers claim it — storefront, worker app, and admin console in one product. I built the React front ends and the Flask API behind them, which made the seams mine to get right.
3roles, one flow
Fullstack
The rest of it: company profiles, landing pages, reporting dashboards, and internal tools shipped across two companies. Short projects, mostly — but they are where the reusable pieces came from, the table and filter bar and form layer everything else now borrows.
25products shipped
Frontend engineer
The same three passes on every project, whether it runs three weeks or a year.
01
Before any interface exists, agree on what the user is trying to finish and what currently stops them.
02
Structure, states, and data flow first. If it works cleanly with pure semantic layout, the design has something honest to build upon.
03
Visual polish and tactile details go on last — applied intentionally to enhance clarity without compromising speed.