Jan 2022 — Apr 2022
Fullstack JavaScript Bootcamp
Hacktiv8
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
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
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
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
03 / Skills
Skills
Frameworks
State Management
Styling & UI
Languages
API & Backend
Testing & Automation
Performance & SEO
CMS & E-Commerce
Internationalization (i18n)
Tools & DevOps
04 / Projects
Featured Work
GrowReach
AI-powered B2B lead generation and LinkedIn automation platform featuring an AI commenting agent, lead sequencer, post scheduler, and unified inbox.
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.
Ajerly Car Rental
Car rental marketplace in Saudi Arabia. Engineered the frontend ecosystem across three applications: a React Native customer mobile app with map search, KYC verification, Apple Pay, and Arabic RTL localization, plus React and Vite vendor & admin portals for fleet management and analytics.
Jumlaty Groceries
On-demand grocery delivery and FMCG marketplace in Saudi Arabia. Engineered the mobile customer application in React Native and web admin dashboard in React with Ant Design, delivering order fulfillment lifecycles, delivery dispatch modules, Redux-Saga state architecture, Arabic RTL localization, and secure Erad Payment Gateway checkout.
MAC Establishment
Corporate web platform for MAC Establishment built on WordPress and Elementor, featuring custom theme development, PHP bespoke plugins, custom Elementor widgets, and performance tuning deployed on Hostinger.
Jasmine Trades
Digital commodities marketplace modernizing global agricultural trade. Engineered cross-platform web and mobile applications using Vue 3 and Capacitor, featuring interactive trading workflows, contract checklists, user verification modules, and dual English/Arabic (LTR/RTL) localization for international trade participants.
Career Portal (Web & Mobile)
End-to-end job portal across web and mobile built with GraphQL Apollo gateway, Redis caching, and containerized Docker deployment.
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.
CMS Data KIB
Asset and inventory management system featuring geospatial mapping with Mapbox, QR Code generation, PostgreSQL persistence, and Firebase integration.
Open Source & Upstream Contributions
Active contributor to open-source developer ecosystems, including upstream SDK bug fixes for Erad Payment Gateway (Saudi Arabia, merged into official codebase) and production repositories delivered at 10Xers.
05 / Blog
Engineering Guides & Articles
End-to-End Frontend Deployment with AWS S3, CloudFront & GitHub Actions
Comprehensive guide on setting up an automated frontend CI/CD pipeline using AWS S3 for static hosting, CloudFront CDN, ACM SSL certificates, and GitHub Actions.
Step-by-Step Guide: Deploying Shopify Theme App Extensions via Shopify CLI
Hands-on workflow for building storefront UI, managing versioning, and deploying Shopify theme app extensions using Shopify CLI and the Partner Dashboard.
Packaging Modern Web Apps for App Stores with PWABuilder
How to validate baseline PWA requirements, configure web manifests and service workers, and package web applications for Google Play and Microsoft Store.
Webflow E-Commerce Architecture: Product Models & Custom Buy Buttons
An architectural breakdown of Webflow product types, visibility rules, and integrating custom Add-to-Cart and Buy Now buttons with custom attributes.
State Persistence Strategies in React: Custom Hooks vs. Redux-Persist
Comparing state persistence mechanisms in React: building a lightweight useLocalStorage custom hook versus configuring Redux-Persist with security and storage considerations.
Managing Multi-Repository Dependencies with Git Submodules and Symlinks
A pragmatic guide to sharing code across multiple repositories using Git submodules, recursive cloning, and symlinking packages for local development.
Micro-Frontend Architecture: Deep Dive into Webpack Module Federation & Single-SPA
Comprehensive architectural analysis of micro-frontends: comparing Webpack 5 Module Federation, Single-SPA, and Native Federation with real-world implementation strategies.
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.