Work & Activity
Professional journey and contributions
Work Experience
Frontend Engineer
- • Developed a dynamic GIS interface with Google Maps API, featuring layered views, polygon drawing, data filtering, and marker integration to enhance spatial analysis.
- • Migrate 90% of the GIS project from Frappe server-side scripts to a modern frontend with Nuxt and TypeScript.
- • Develop a B2B dashboard with Midtrans integration to simplify and secure client payment workflows.
- • Provide technical guidance and monitor the frontend team to ensure code quality, consistency, and project goal.
TypeScriptNuxt.jsNext.jsGoogle Maps APITailwind CSSShadcn/ui
Frontend Engineer
- • Developed an RFID-based web app for seamless event authentication and efficient purchase management.
- • Developed features like point redemption, locker/device rental management, and reward claiming via RFID.
- • Developed logistics tracking to support booth-to-booth item quantity checks, and efficient stock management.
- • Created a clean folder structure and maintainable code to improve scalability and team collaboration.
ReactTypeScriptTailwind CSSShadcn/ui
Software Engineer
- • Integrated a course payment gateway using Xendit, for the transaction flow and enhancing the overall user experience
- • Built a language switcher (English/Indonesian) to help students access the platform in their preferred language.
- • Developed a secure and scalable authentication system using NextAuth for session management.
Next.jsTypeScriptTailwind CSSMaterial UIXendit
Frontend Engineer
- • Contributed to the migration of a real-time chat feature using Next.js and TypeScript, enabling secure and efficient remote consultations between patients and doctors while significantly improving application performance.
- • Applied clean code principles to enhance code readability, maintainability, and ease of future development.
- • Developed unit tests in Jest with mocked API calls to verify the reliability and consistency of UI components.
Next.jsTypeScriptTailwind CSSJestWeb Socket
Frontend Engineer
- • Selected as one of the participants from over 2,000+ students across Indonesia for a government internship program.
- • Built a React.js-based quiz platform with Redux Toolkit, used by schools to facilitate student assessments.
- • Designed a mobile-optimized UI using Tailwind CSS and the Ant Design UI library to ensure consistent layout.
ReactJavaScriptTailwind CSS
Activities
Fullstack Engineer Learning Path
- • Learned the MERN stack (MongoDB, Express.js, React, Node.js) for fullstack app development.
- • Built complex applications, including a Spotify clone and Tokopedia Play clone with user authentication.
- • Studied Docker for image creation and container management.
MongoDBExpressReactNode.jsDocker
Frontend Engineering Learning Path
- • Learned the fundamentals of Tailwind CSS, JavaScript, Git, ReactJS, and Chakra UI.
- • Gained experience in integrating Web APIs and consuming RESTful APIs.
ReactJavaScriptTailwind CSSChakra UI
Frontend Engineer Mentor & Lead Community
- • Contributed to the development of Palu's tech ecosystem through mentorship and events.
- • Taught frontend development fundamentals using ReactJS and REST API integration.
- • Built a web-based Hammercode Web to support the community.
Next.jsJavaScriptTailwind CSS