Diko Mahendra: Senior Frontend Engineer
Full Stack Developer · Frontend Focus
View the classic (non-3D) profile
About me
Full Stack Developer specializing in Frontend Engineering, with 4+ years of professional experience delivering production-grade web and mobile apps for companies across Indonesia, Malaysia, and the United Kingdom.
Expert in React, Next.js, TypeScript, and React Native — with a track record of pixel-perfect UI, clean architecture, and real-world performance optimization.
Open to freelance projects & remote full-time opportunities
Experiences
Freelance Frontend Engineer at Upwork (Top Rated)
February 2024 - Present · Remote, Indonesia
- Developed and maintained the frontend of a web application using React, Next.js, and TypeScript.
- Implemented responsive design using Tailwind CSS, ensuring optimal viewing across desktop, tablet, and mobile devices.
Technology & Tools used: Git, NextJS, ReactJs, React Native, Typescript, TailwindCSS, Payment Gateway (Paypal, NMI, Stripe), React Query, React Hooks Form, Expo, NativeWind.
Fulltime Frontend Engineer at Amanahfy.Ltd
February 2024 - Present · London Area, United Kingdom
- Migrated the frontend architecture from React JavaScript to the latest Next.js with TypeScript, applying the Atomic Design pattern to enable widget customization.
- Resolved critical bugs in the payment gateway integration for donation features.
- Implemented Storybook in the Next.js project to document components and accelerate frontend development.
- Designed and defined the technology stack for building Amanahfy’s white-label application from scratch using React Native Expo, integrated with NativeWind.
- Collaborated with designers to review Figma UI designs, providing feedback on relevance and feasibility.
- Improved mobile user experience by addressing iOS-specific issues, such as preventing unwanted zooming on form fields and ensuring cross-platform compatibility.
- Developed a shareable checkout page to enhance user experience, enabling seamless campaign sharing across social media (Instagram Stories/Posts/Reels) with a single click, while ensuring proper SEO for dynamic images, titles, descriptions, and metadata.
Technology & Tools used: Git, NextJS, ReactJs, React Native, Typescript, TailwindCSS, Payment Gateway (Paypal, NMI, Stripe), React Query, React Hooks Form, Expo, NativeWind.
Freelance Frontend Engineer at PT. Bank Rakyat Indonesia, Tbk.
June 2024 - December 2024 · Jakarta, Indonesia
- WEB KARTU KREDIT - Developed and led the end-to-end integration of a credit card website, incorporating all content (widgets/components) with Drupal. Created a seamless system where users can easily rearrange widget positions through Drupal's content management. Implemented BRI's coding standards and ensured that all components were fully optimized for responsive web design on mobile devices.
- MAIN WEBSITE BRI - Oversaw the integration and functionality of nearly 99% of the main website content, built entirely through Drupal's content management system, including header, footer, banners, and more. Tasked with ensuring all widgets and components created by the front-end team functioned and adhered to the various style variants defined in Drupal. Ensured code quality by fixing errors in both code and design, resolved issues in production mode, and implemented clean code architecture with a focus on responsive web design.
Technology & Tools used: Git, NextJS, Typescript, i18n, TailwindCSS, Drupal, Docker, Jenkins, Linter, Husky
Frontend Engineer at Virtual Spirit Sdn Bhd
April 2023 - September 2024 · Slangor - Malaysia
- Implemented responsive design using Tailwind CSS, ensuring optimal viewing across desktop, tablet, and mobile devices.
- Introduced new features to benefit landlords, tenants, and professional users.
- Wrote comprehensive unit tests for each component, utility, and page, guaranteeing code stability.
- Adopted clean coding practices and upgraded project dependencies to their latest versions.
- Established a well-organized folder structure for improved project maintainability.
- Developed interactive component stories using Storybook for efficient UI development.
- Collaborated with front-end (FE), back-end (BE), Quality Assurance (QA), and Product Management (PM) teams for seamless project execution.
- Participated in the deployment process, including code promotion, branch registration with AWS Amplify, and environment variable management within AWS.
- PIC for make E2E testing using cypress and ensure the test works well
Technology & Tools used: Git, NextJS, Typescript, (Jest, RTL, Cypress), i18n, React Query, React Hooks Form, Jotai, Zod, TailwindCSS.
Frontend Engineer at PT. Telkom Indonesia
Jan 2022 - Jun 2023 · Jakarta Selatan - Indonesia
- Resolved various bugs on the Agree website, improving appearance and integration processes.
- Implemented pixel-perfect responsive web design for desktop, tablet, and mobile, ensuring seamless user experience across devices and exceeding design fidelity expectations (99% match with Figma).
- Collaborated effectively with the UI/UX team to achieve a desired aesthetic while considering development feasibility.
- Contributed to the development of new features for Agreepedia, Ask Experts, and Discussion Forums, expanding the platform's functionality.
- Championed clean code practices, minimizing external dependencies and crafting maintainable solutions.
- Established a comprehensive unit testing suite (coverage > 85%) for components, utilities, and pages, ensuring code stability and passing Sentry's quality checks.
- Actively participated in the agile development process, encompassing retrospection, sprint planning, development, code reviews, and releases.
- Implemented multilingual capabilities for English and Indonesian audiences, broadening the platform's reach.
Technology & Tools used: Git, Jira, NextJs, (Jest, RTL), i18n, React Hooks Form, Redux, TailwindCSS.
Freelance Frontend Engineer at PT. Kaldu Sari Nabati
May 2022 - Sept 2022 · Bandung, Indonesia
- Developed and customized features within the internal product management dashboard, empowering PMs with efficient workflows.
- Streamlined the user experience by tailoring features based on specific user roles.
- Presented development progress and new features to clients, effectively communicating technical details and functionalities.
- Implemented a multi-step registration flow, including email and mobile phone number verification, enhancing user security and data accuracy.
- Seamlessly integrated the application with backend endpoints provided by backend developers, ensuring smooth data exchange.
- Collaborated effectively with front-end (FE), back-end (BE), and Product Management (PM) teams to deliver successful projects.
Technology & Tools used: Git, NextJS, Typescript, i18n, React Query, React Hooks Form
Freelance Frontend Web & Mobile React Native at Dana Syariah
Jan 2022 - May 2022 · Bandung, Indonesia
- Led the development of a web-based application from scratch, encompassing lender and borrower dashboards.
- Defined the application architecture and selected appropriate libraries, demonstrating strong technical judgment.
- Developed a mobile application using React Native, incorporating language-specific features and complex logic for lender profit simulation.
- Presented development progress and features to clients, fostering clear communication and client buy-in.
- Integrated the application with back-end endpoints, ensuring seamless data flow.
- Collaborated effectively with front-end, back-end, and Product Management teams for successful project delivery.
Technology & Tools used: Git, NextJS, Typescript, i18n, React Query, React Hooks Form
Educations
- SMK Negeri 1 Rawajitu Selatan: Computer & Network Engineering (2017 - May 2019), Tulang Bawang, Lampung, Indonesia.
- Pondok IT QODR: Frontend Developer (Jul 2019 - Jan 2022), Bantul Dlingo, Yogyakarta - Indonesia
Skills
Programming Languages: Javascript, Typescript
Library / Framework / Services: React Js, React Native, Dart / Flutter, Next Js, Firebase, TailwindCSS, REST API, Docker, Google Cloud Platform (GCP), Zod / Yup, GraphQL, React Hook Form, TanStack Query, E2E Automation (Cypress), Unit Test (RTL, Jest), Framer Motion
Tools: Postman, Figma, Jira, Trello, Insomnia, Swagger