Hi, I'm Muhammad Fathir Al Fatih. I build web apps that look good and feel easy.
Open to collaboration — full-time, freelance, or remote.
Software Engineer with 3+ years of experience, turning Figma designs and business needs into fast, maintainable products.
HTML, CSS, JavaScript and TypeScript on the front; PHP and Laravel on the back. React, Next.js and Tailwind CSS for interfaces, MySQL for data.
From Figma to production.
Agentic coding with Claude Code, brainstorming with ChatGPT, and MCP tools for up-to-date docs. I write the context (PRD, AGENTS.md) so the AI follows my conventions, then review every change.
See my workflow →Comfortable in teams with daily stand-ups, clean-code reviews and shifting schedules. Excited to join new web projects.
FathirAI speeds up every step, but I stay in charge of what we build and how it's built.
I explore features, user flows, data models and edge cases with ChatGPT before writing a single line of code.
I write the decisions down in a set of context documents, so every AI session starts with the same understanding of the project.
Claude Code implements features, refactors and writes seeders from those documents. I review every change before it ships.
Tells the AI what I'm building and why.
Sets the rules for how my AI coding agent works.
Keeps colors, typography, spacing and components consistent.
Maps how frontend, backend, database and services connect.
A timeline of roles, responsibilities and growth — from IT support to shipping fullstack products.
Worked on Autolaris Panel — the internal back-office of Autolaris, a platform for online sellers of physical (COD and non-COD), dropship and digital products with multi-courier shipping, VA/QRIS/e-wallet payments and automatic COD payouts. Operations and finance teams use it to manage partners, products, transactions, balances and reports.
Building Rakryan Piktura — a web platform that helps brands and agencies manage and analyse their TikTok and Instagram accounts: per-platform content dashboards, audience insights (gender, age, location) and account grouping.
Worked on Syngenta Seedtrack — an app that simplifies seed production by collecting and processing data from every stage to support reporting and decision-making.
Web application development, network technician work, and CCTV installation and repair.
An AI testing agent: give it a PRD and your app URL, it explores the app, builds a feature map and writes editable Playwright tests in plain language. First report in under 15 minutes, no test code.
Next.js · NestJS · Playwright · PostgreSQL · BullMQ · OpenRouterView ProjectInternal back-office for Autolaris operations and finance teams: transactions and shipping, partner balances with maker–checker approval, KYC verification, pricing, fee and commission settings, and revenue reports, secured with role-based access, audit trails and 2FA.
CodeIgniter · PHP · MySQL · PostgreSQLView ProjectOfficial site for Indonesian stand-up comedian Dodit Mulyanto, selling his stand-up specials as digital videos. Buyers pay by QRIS, e-wallet or virtual account through Midtrans, then get an emailed link to stream or download in up to 1080p for 14 days.
Next.js · Supabase · MidtransPowered by autolaris.comView ProjectContent management & analytics for TikTok and Instagram brand accounts.
Laravel · Inertia · ReactSeed-production tracking that turns stage-by-stage data into reports.
React · ViteA client portfolio for showcasing design artwork, with a React-based admin dashboard. Type-safe fullstack Next.js with MySQL and Prisma ORM.
Next.js · TypeScript · Prisma · MySQLA social platform where users post, like/unlike and comment, with full authentication over a REST API backend.
React · Vite · REST APIView ProjectFind universities in Malang and register as a student. Fullstack Laravel with CRUD and authentication.
Laravel · MySQL