Dec 16, 2025 — Present
IT Intern
PT. Dian Pandu PratamaJoined the Magang Hub program as an IT Intern at PT. Dian Pandu Pratama.
Building clean dashboards, internal systems, and web applications for real business workflows.
I build fast, maintainable web applications from front to back. My work focuses on EHS systems, attendance workflows, and data-driven dashboards used by actual teams. I value clean code, consistent UI, and reliable performance.
I specialize in taking complex business logic and turning it into intuitive, functional software. By collaborating closely with teams, I ensure the final product is not just technically sound, but practically useful.
Currently, I am working as a IT Intern at PT. Dian Pandu Pratama. I focus on developing clean interfaces on the frontend and connecting them to robust, secure APIs on the backend.
Frontend
Backend
Tools & Others
Dashboards, internal tools, and robust APIs. Focused on clean architecture and clear user experiences.
Dec 16, 2025 — Present
Joined the Magang Hub program as an IT Intern at PT. Dian Pandu Pratama.
Feb 2025 — Present
Developed the frontend for a private school's PPDB online system using React (Vite) and TypeScript, connected to an Express.js (PostgreSQL) backend via REST API. Contributed in Agile/Scrum and GitHub repo management. Built core features such as registration flow, WhatsApp OTP authentication, form management, document uploads, and a role-based admin dashboard. Used Zustand for state management and shadcn/ui + Tailwind CSS for reusable UI components.
Oct 2024 — Jan 2025
Built an integrated admin system for PO approvals and goods receiving connected to SAP ERP. Developed document reminders and production monitoring using Next.js 14 and Express.js with MySQL and MongoDB. Implemented multi-level approvals, automated email notifications, role-based dashboards, and QR verification.
May 2022 — Jul 2022
Developed internal web systems for production monitoring and payroll slip processing. The frontend used Next.js (TypeScript) and Tailwind CSS, while the backend used Express.js. Managed data in MongoDB and improved production and payroll reporting efficiency in a factory environment.
Aug 2023 — Dec 2023
Completed Kampus Merdeka Batch 5 with a focus on React and React Native for web and mobile frontend development. Built projects such as a news portal and simple e-commerce, used Redux for state management, and collaborated with Agile practices and Git for version control.
Real-world systems, dashboards, and digital experiences built with a focus on usability and clean architecture.

A hazard reporting system for PT. Dian Pandu Pratama, helping teams capture, track, and follow up on safety issues.

An integrated PO approval and goods receiving system connected to SAP ERP. Provides 3-level approvals, automated email notifications, role-based dashboards, and QR verification to speed up processes and reduce stock input errors.
Smaller apps, tools, and side experiments.
A new iteration of MasjidInfo focused on modular structure, dynamic content management, and better UX. Built with the Next.js App Router, Tailwind CSS, and shadcn/ui components. Supports managing articles, categories, and mosque content with strict form validation and real-time notifications.
An online PPDB portal for private schools with WhatsApp number authentication (OTP) and separate role-based dashboards for admins and users. The frontend uses React (Vite), TypeScript, Zustand, and shadcn/ui + Tailwind CSS, connected to an Express.js backend with PostgreSQL via REST API.
An internal platform to monitor production and remind employees about important documents. Built with Next.js 14 and Express.js using MySQL and MongoDB. Supports server-side rendering and was developed collaboratively using GitHub and Agile practices.
A local company app to record production activity and print employee payroll slips. Uses a responsive Tailwind CSS interface and a modular Express.js backend. Improved daily reporting efficiency in a factory environment.
A news app that surfaces updates about Indonesia, COVID-19, and government programs. Includes search and personal bookmarks to improve the user experience. Data is fetched from an external API (currently inactive due to API limits).
A simulated e-commerce site with login/logout, product search, a simple cart, and an admin dashboard to manage categories and stock. Built as a final project for Kampus Merdeka Hacktiv8.
A personal website to showcase web development projects with a simple design, clear navigation, and a focus on presenting frontend skills.