Portfolio/2026

Ode Afdal

Fullstack Engineer with 4+ years of experience building web and mobile applications with React, Next.js, Vue, and React Native. Experienced in performance optimization, REST/GraphQL API integration, and automated testing, working with remote teams across Singapore and Malaysia.

Open to opportunitiesJakarta, Indonesia

01 / Education

Education

Jan 2022 — Apr 2022

Fullstack JavaScript Bootcamp

Hacktiv8

2015 — 2019

Bachelor of Information Systems (GPA 3.36)

STMIK Bina Bangsa Kendari

02 / Experience

Experience

Oct 2022 — Oct 2026

Fullstack Engineer (Frontend Focus)

10Xers Holdings Pte. Ltd.

Singapore

  • Built web applications with React and Vue using reusable components and consistent UI patterns
  • Optimized application and website performance using Google Lighthouse and PageSpeed Insights
  • Designed and integrated RESTful APIs with Node.js, Express.js, and MongoDB with cross-functional teams
  • Wrote automated tests with Playwright and Jest to keep releases stable
  • Optimized SEO, hosting, and SSL for Webflow and WordPress sites; researched new tools
  • React & React Native
  • Vue 3
  • Node.js
  • Express.js
  • RPA & PWA
  • Playwright
  • SEO
  • Webflow
  • WordPress
  • AWS & CI/CD

Oct 2022 — Nov 2022

Fullstack Engineer (Freelance)

Brik Construction

Jakarta, Indonesia

  • Developed backend APIs and databases with Node.js to support a Vue-based frontend
  • Debugged and improved existing backend code for better stability
  • Node.js
  • Express.js
  • PostgreSQL
  • REST API
  • Backend

May 2022 — Sep 2022

Fullstack Engineer

Nadi Healthtech Sdn. Bhd.

Kuala Lumpur, Malaysia

  • Developed the web admin panel with React.js and built new features with reusable code
  • Converted designs into mobile layouts and delivered a digital health and wellness app with Ionic
  • Improved page load times and resolved bugs through debugging and testing
  • Built backend APIs with Node.js, Express.js, and MongoDB to support the web admin panel and mobile app
  • React.js
  • Ionic
  • Node.js
  • Express.js
  • MongoDB
  • TypeScript
  • Angular

03 / Skills

Skills

Frameworks

  • React
  • Next.js
  • Vue 3
  • React Native
  • Ionic
  • Capacitor
  • Expo
  • Angular

State Management

  • Redux
  • Zustand
  • Redux-Thunk
  • Redux-Saga
  • React Context
  • Vuex

Styling

  • Tailwind CSS
  • Bootstrap
  • SASS/SCSS
  • CSS
  • Ant Design
  • Daisy UI
  • Elementor

Languages

  • JavaScript
  • TypeScript
  • PHP
  • HTML5
  • CSS

API & Backend

  • REST API
  • GraphQL
  • Apollo
  • Axios
  • Stripe API
  • Node.js
  • Express.js
  • MongoDB
  • PostgreSQL

Testing & Automation

  • Jest
  • Playwright
  • Supertest
  • AdsPower

Performance & SEO

  • Google Lighthouse
  • PageSpeed Insights
  • SEO
  • Hosting
  • SSL

CMS & Websites

  • Webflow
  • WordPress
  • Shopify App

Tools & Soft Skills

  • Git
  • Docker
  • Heroku
  • Firebase
  • PWA
  • RPA
  • Duo Plus
  • CI/CD
  • AWS Ecosystem
  • Teamwork
  • Cross-team Collaboration
  • Critical Thinking
  • Quick Learner

04 / Projects

Projects

AI & Outreach Automation Platform

GrowReach

AI-powered B2B lead generation and LinkedIn automation platform featuring an AI commenting agent, lead sequencer, post scheduler, and unified inbox.

  • React
  • TypeScript
  • Stripe
  • Playwright
  • RPA
  • Zustand
  • AI Automation

Web & Mobile Platform

GrowEasy Salon

All-in-one salon and beauty business management platform across web and mobile, featuring online appointment booking, centralized staff calendar scheduling, client profile management, and on-the-go service notes.

  • React
  • React Native
  • TypeScript
  • Web & Mobile App
  • REST API

Web & Mobile Platform

Ajerly Car Rental

Car rental platform across web and mobile featuring vehicle booking workflows, Zustand state management, custom SCSS styling, and Stripe payment integration.

  • React
  • React Native
  • Zustand
  • SCSS
  • TypeScript
  • Stripe API

Web & Mobile App

Jasmine Trades

Cross-platform trading application built with Vue 3 and packaged for native mobile deployment using Capacitor.

  • Vue 3
  • Capacitor

Fullstack & Mobile

Career Portal (Web & Mobile)

End-to-end job portal across web and mobile built with GraphQL Apollo gateway, Redis caching, and containerized Docker deployment.

  • React
  • Redux
  • React Native
  • Expo
  • Tailwind
  • GraphQL
  • Apollo
  • MongoDB
  • Docker
  • Redis

Dine-In Mobile App

Nuer Pay

Dine-in mobile ordering and cashless payment app built with React Native and Expo, integrating GraphQL Apollo services, Xendit API, and automated testing with Jest.

  • React Native
  • Expo
  • Tailwind
  • GraphQL
  • Apollo
  • Xendit API
  • Jest

Fullstack Web App

CMS Data KIB

Asset and inventory management system featuring geospatial mapping with Mapbox, QR Code generation, PostgreSQL persistence, and Firebase integration.

  • Vue
  • Vuex
  • Tailwind
  • Express.js
  • PostgreSQL
  • Firebase
  • Mapbox
  • QR Code

05 / Blog

Writing & Essays

06 / Let's Connect

Let's Connect

Open to Fullstack and Frontend Engineer opportunities, remote collaborations, and conversations about building fast, reliable web and mobile products.