Hi! I'm
Diko Mahendra

Full Stack Developer · Frontend Focus

4+

Years Exp

18

Projects

⭐ Top Rated · Upwork

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

Upwork (Top Rated)

Freelance Frontend Engineer

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.

Amanahfy.Ltd

Fulltime Frontend Engineer

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.

PT. Bank Rakyat Indonesia, Tbk.

Freelance Frontend Engineer

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

Virtual Spirit Sdn Bhd

Frontend Engineer

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.

PT. Telkom Indonesia

Frontend Engineer

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.

PT. Kaldu Sari Nabati

Freelance Frontend Engineer

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

Dana Syariah

Freelance Frontend Web & Mobile React Native

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

EDU #1

SMK Negeri 1 Rawajitu Selatan

Computer & Network Engineering

2017 - May 2019

Tulang Bawang, Lampung, Indonesia.

EDU #2

Pondok IT QODR

Frontend Developer

Jul 2019 - Jan 2022

Bantul Dlingo, Yogyakarta - Indonesia

⚡ Skills

SKILL

Programming Languages

JavascriptTypescript
SKILL

Tools

PostmanFigmaJiraTrelloInsomniaSwagger
SKILL

Library / Framework / Services

React JsReact NativeDart / FlutterNext JsFirebaseTailwindCSSREST APIDockerGoogle Cloud Platform (GCP)Zod / YupGraphQLReact Hook FormTanStack QueryE2E Automation (Cypress)Unit Test (RTL, Jest)Framer Motion