Team collaboration
Joined the Magang Hub program as an IT Intern at PT. Dian Pandu Pratama.
Frontend DeveloperWest Java, ID
Arya Dipanegara
I am a Frontend Developer who builds interfaces that feel clean, fast, and easy to use. I enjoy turning business needs into screens that are clear and intuitive.
I have built internal products that connect to SAP, and an online PPDB system. I focus on UI that is neat, maintainable, and ready for real use. Day to day I work with Next.js, React (Vite), TypeScript, and shadcn/ui to build reusable components, plus Framer Motion for subtle, purposeful animation. I believe small details and consistent UX make people feel at ease.
Current focus
IT Intern @ PT. Dian Pandu Pratama, active since Dec 16, 2025 through Present.
Feature releases
4+
Internal & public
Core stack
Next.js & TypeScript
Comfortable with React
Dashboards & data viewsClear forms and input flowsConsistent, tidy designReusable componentsPurposeful motionComfortable on mobile & desktop
Highlights
Building products people actually use
Data dashboards, an online PPDB system, and approval tools with flows that stay clear for non-technical users.
Open to remote
Clear collaboration
I work closely with engineers, PMs, and designers to align on needs, split modules, and refine flows before build.
Consistent delivery
From simple wireframes to production-ready UI: tidy structure, separated components, and attention to empty, error, and loading states.
Tooling
Next.js / React / TypeScript / Tailwind / shadcn/ui / Framer Motion / React Query / Prisma / Laravel (REST API)
Focused on performance, accessibility, and consistent UI across desktop and mobile.
Experience
Impact that ships
Internal tools, dashboards, and admin systems used by real teams. Focused on clear UX, lively UI, and scalable execution.
Team collaboration
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.
TypeScriptReactViteZustandshadcn/uiTailwind CSSExpressJSPostgreSQLREST API
Team collaboration
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.
Next.js 14ReactExpressJSNode.jsSequelizeMySQLMongoDBTailwind CSSGitGitHub
Team collaboration
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.
Next.jsTypeScriptExpressJSMongoDBTailwind CSSREST API
Team collaboration
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.
JavaScriptReactReact NativeReduxGit
Projects
Selected work
Platforms, dashboards, and digital experiences built end to end with a focus on performance, accessibility, and visual detail.
Live links & demos
Featured
Private project
SMART SAFE - Hazard Report System
A hazard reporting system for PT. Dian Pandu Pratama, helping teams capture, track, and follow up on safety issues.
React
Private project4 tech
Integrated PO Approval & Goods Receiving System
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.
ReactNode.jsExpressJSMongoDB
Blog Admin Panel - MasjidInfo v2
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.
Next.jsTypeScriptTailwind CSSshadcn/uiMySQLRailway
React
Private project8 tech
PPDB Online for Private Schools
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.
ReactViteTypeScriptZustandshadcn/uiTailwind CSSExpressJSPostgreSQL
Next.js 14
Private project5 tech
Production Monitoring & Employee Document Reminders
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.
Next.js 14ExpressJSMySQLMongoDBTailwindCSS
Production Monitoring & Payroll Slips
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.
Next.jsTypeScriptExpressJSMongoDBTailwindCSS
News App
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).
ReactJavaScriptTailwindCSSRedux
Simple E-commerce
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.
ReactJavaScriptTailwindCSSRedux
Portfolio Website
A personal website to showcase web development projects with a simple design, clear navigation, and a focus on presenting frontend skills.
Next.jsTypeScriptTailwindCSS