Shafiq Yajid

Developer + Web, Mobile, and Geospatial

Connect City (Smart City IoT)

A smart city IoT infrastructure management platform focused on street lighting and remote device control, featuring a real-time interactive geospatial map interface, monitoring dashboard, and work order management.

React 19,TypeScript,Inertia.js,MapLibre GL,Turf.js,Zustand,Supercluster

Pulse

An operational dashboard for real-time monitoring and alerting of industrial assets, providing a geospatial, drill-down view of equipment health and telemetry across multiple sites.

Next.js,React,Mapbox GL,Pusher,TanStack React Query

Vessel Monitoring & Tracking

A real-time, web-based platform for vessel monitoring and tracking. Provides live vessel data and analytics, supporting interactive map views, navigation data, historical data playback, and fleet management with integrated geospatial layers.

React 19,TypeScript,MapLibre GL,Turf.js,Zustand,Pusher

🔒Preview not available — private system

Risk-Based Inspection (RBI) Platform

A web-based Risk-Based Inspection platform for oil and gas operations. It models industrial plant equipment to compute failure probabilities (PoF/CoF) across industry-standard damage mechanisms, and covers asset registration, inspection scheduling, anomaly management, and maintenance planning.

React 18,TypeScript,Mantine UI

Drone OS

A drone operations system for fleet management, mission planning, and real-time monitoring of drone activity.

Vue.js,React,CesiumJS,Mapbox GL,Three.js,Pusher

PRISM

A project management and visualization platform that surfaces project data through interactive maps and analysis tools.

Vue.js,Three.js,Mapbox GL,CesiumJS

Contractor Management System (COMS)

A contractor management system covering contractor records, job assignments, and performance tracking.

React,Mapbox GL,REST APIs

SL Mi

A street light maintenance app for field inspections and reporting. Contractors use the mobile app to scan RFID tags on street light poles, capturing location coordinates and other essential data. They can then record the pole's health, defects, and other relevant information for submission to the Contractor Management System (COMS). Submitted records feed back into monitoring and maintenance scheduling.

Flutter,Bloc,RFID,Bluetooth,GPS,Location Services,REST APIs

e-CCBE (Web)

An e-learning platform for interactive training content, with progress tracking and assessments.

React,REST APIs

e-CCBE (App)

The mobile version of e-CCBE, giving staff access to courses and assessments from a phone.

Flutter,Bloc,dio,i18n,REST APIs

CORE (Web)

A workforce management system supporting HR admin, supervisor, employee, and super admin roles. Covers attendance tracking, staff management, leave and claim approvals, holiday scheduling, staff-wide messaging, and company settings.

Vue,Vuex,Bootstrap,Bootstrap-Vue,i18n,SCSS,REST APIs

CORE (App)

The employee-facing mobile app for CORE, with three modules: Attendance for time tracking, Leave for leave applications, and Claim for expense reimbursement.

Flutter,GPS,Location Access,File Storage,REST APIs

JPID Buku

An interactive digital book for classroom use by teachers and students, with lesson content and per-chapter quizzes.

Flutter,iSpring Suite,Cache,File Storage,REST APIs

Audit

Web-based technical energy audit system for on-site data collection. The potential primary users for the system include Technical Energy Audit companies, engineers and auditors or personnel directly involved with engineering operations & maintenance.

HTML,CSS,Javascript,jQuery,Bootstrap 4,REST APIs

Hi there

I'm Shafiq, a software developer based in Shah Alam, Selangor, currently working as a web and mobile developer at Bumi Wangsa TMS Sdn. Bhd. With nearly 6 years of experience, I work mainly on web and mobile applications, with a focus on geospatial solutions and 3D visualization using MapLibre GL, Mapbox GL, and CesiumJS.

Projects I've worked on include smart city IoT systems, real-time vessel tracking, and industrial monitoring dashboards. In my spare time, I enjoy reading and exploring emerging technologies. Feel free to reach out — I'm always open to new projects and ideas.

Shafiq Yajid

Web and Mobile DeveloperShah Alam, Selangor, MalaysiaSoftware developer with nearly 6 years of experience in web and mobile development, focusing on geospatial mapping and 3D visualization for real-time monitoring solutions. Comfortable across the development lifecycle, from requirements analysis and technical scoping through to production deployment.

Download CV 013-9949440 mshafiqyajid@gmail.com LinkedIn GitHub

Work Experience

Oct 2023 - Present

Web and Mobile Developer

Bumi Wangsa TMS Sdn. Bhd.Ampang, Selangor, Malaysia

Built core interactive features for a report automation platform serving the Oil & Gas and Non-Destructive Testing (NDT) industry, developing image annotation and editing tools with Next.js and Fabric.js
Configured automated CI/CD pipelines using GitHub Actions and Docker Compose to streamline containerized deployments, database migrations, and service health checks
Led frontend development for an integrated content management system with role-based workflows for project and client lifecycle management, building a custom design system and reusable component library
Developed core frontend modules for a Risk-Based Inspection (RBI) platform covering asset registration, inspection scheduling, and risk analysis using React 18, TypeScript, and Mantine UI
Implemented logic for complex asset hierarchies and data modeling to compute failure probabilities (PoF/CoF) across industry-standard damage mechanisms, with dashboards tracking equipment history, maintenance status, and risk metrics
Developed the Connect City smart city IoT platform frontend using React 19 / TypeScript with Inertia.js 2.0, including Supercluster marker clustering, GeoJSON zone overlays with Turf.js, and zoom-dependent rendering for large numbers of device markers
Built Connect City operations modules for maintenance teams covering work-order tracking, alert triage, and remote device control, plus Laravel and Inertia.js admin features for organization branding, bot accounts, and Telegram channel integration
Implemented persistent map state management using Zustand for viewport, filters, and zoom-based data loading across geospatial applications
Managed frontend development for a real-time vessel tracking platform, integrating MapLibre GL and Turf.js with Pusher for live telemetry, directional marker rotation, and dynamic route visualization
Implemented maritime mapping features including interactive geofencing, historical route replay for voyage analysis, route planning with Estimated Time of Voyage (ETV) computation, and dynamic raster weather overlays
Built Pulse, an operational dashboard for real-time monitoring and alerting of industrial assets, with an interactive geospatial view using Mapbox GL and dynamic GeoJSON markers for equipment health across multiple sites
Integrated real-time industrial telemetry using Pusher and TanStack React Query for live temperature, vibration, flow, and pressure metrics, with line, scatter, and gauge visualization modules

ReactNext.jsTypeScriptMapLibre GLInertia.jsZustandPusherTurf.jsMapbox GLTanStack React QueryLaravelFabric.jsMantine UIDocker

Mar 2023 - Oct 2023

Frontend and Mobile Developer

Inttech Technologies Sdn. Bhd.Kuala Lumpur, Malaysia

Built a dual-platform e-learning solution (e-CCBE) — a React and Redux Toolkit web portal with course management, video assessments, and analytics dashboards for tracking staff progress, plus a Flutter mobile app with offline video playback and local data persistence
Developed a Flutter-based street light inspection app integrating RFID scanning with custom hardware for field data capture and defect reporting
Integrated Mapbox GL into web platforms for location-based asset visualization and monitoring of inspection activity
Managed end-to-end mobile application lifecycle including provisioning, certificate management, and deployment to AppStore and Google Play

ReactRedux ToolkitFlutterMapbox GLRFID

Jun 2022 - Feb 2023

Senior Executive (Frontend)

Synapse Innovation Sdn. Bhd.Nusa Jaya, Johor, Malaysia

Led frontend development of Drone OS, working on the rendering and interaction of 3D models, point clouds, and high-resolution inspection imagery with CesiumJS, Mapbox GL, and Three.js
Collaborated with AI/backend teams to integrate automated image processing, defect detection results, and real-time data streams into user-facing dashboards via REST APIs and Pusher
Designed and implemented Microfrontend Architectures and reusable components to accelerate development cycles
Optimized 3D asset loading and developed custom overlays for geospatial data exploration on high-resolution aerial imagery

Vue.jsReactFlutterThree.jsMapbox GLCesiumJSDocker

Sep 2021 - May 2022

Executive (Frontend and GIS)

Synapse Innovation Sdn. Bhd.Nusa Jaya, Johor, Malaysia

Built an HR management system (CORE) with web interfaces in Vue.js and a cross-platform Flutter mobile app covering attendance, leave, and claims modules
Built interactive analytics dashboards for PRISM project management using Vue.js, with features for asset management, incident reporting, and site development tracking
Integrated Three.js for 3D model time-series comparison and Mapbox GL for raster layer visualization of construction site progress
Integrated and displayed GIS data using Mapbox GL and CesiumJS within both web and Flutter mobile applications
Managed end-to-end mobile application lifecycle including deployment to AppStore and Google Play

Vue.jsReactFlutterThree.jsMapbox GLCesiumJSFirebase

Aug 2020 - Aug 2021

Frontend and Mobile Developer

Synapse Innovation Sdn. Bhd.Nusa Jaya, Johor, Malaysia

Built multiple cross-platform Flutter mobile apps including an interactive digital book (JPID Buku) with rich media and iSpring Suite quiz modules, and a parental control app (i-Baituna) with internet scheduling and activity monitoring
Developed core Android features for a Leave module within an existing Java mobile application (JCORP HR), integrating with backend APIs for streamlined approval workflows
Built a web-based technical energy audit system using jQuery for on-site data collection, implementing client-side validation and RESTful API integration
Managed end-to-end mobile application lifecycle including provisioning, certificate management, and deployment to AppStore and Google Play

Vue.jsjQueryFlutterJavaFirebase

Skills & Technologies

Geospatial & 3D Visualization

Mapbox GLMapLibre GLCesiumJSDeck.glTurf.jsThree.js (Basic)

Core Frontend & State Management

ReactNext.jsVue.jsNuxt.jsAstroTypeScriptViteWebpackZustandReduxPiniajQueryTanStack QueryTanStack RouterPusherFramer Motion

Mobile Development

FlutterReact Native

Full-Stack & Backend

Node.jsExpress.jsNext.js (SSR & API Routes)Laravel (Basic)Inertia.jsREST APIs

Databases & ORM

MySQLFirebasePrisma ORMSequelize

UI / Component Libraries

TailwindBootstrapMantinePrimeVueQuasarBootstrap-Vue

DevOps & Tools

GitGitHub ActionsDockerCloudflareDigitalOceanShortcutJiraFigma

Project Highlights

Report Pro

Report automation platform for the Oil & Gas and Non-Destructive Testing (NDT) industry, with an interactive report builder featuring image annotation and editing tools

Next.jsFabric.jsGitHub ActionsDocker Compose

Connect City (Smart City IoT)

Smart city IoT infrastructure management platform for street lighting and remote device control with real-time interactive geospatial map interface

React 19TypeScriptInertia.jsMapLibre GLZustand

Vessel Monitoring & Tracking

Real-time web-based vessel monitoring platform with live tracking, navigation data, historical playback, and fleet management with geospatial layers

ReactMapLibre GLZustandPusher

Risk-Based Inspection (RBI) Platform

Risk-Based Inspection platform for oil and gas operations that models plant equipment to compute failure probabilities (PoF/CoF) across industry-standard damage mechanisms, with asset registration, inspection scheduling, and maintenance planning

React 18TypeScriptMantine UI

Drone OS

Drone data management solution with automated image processing, AI defect detection, 3D model rendering, and spatial data overlay

Vue.jsReactCesiumJSMapbox GLThree.js

Pulse

Operational dashboard for real-time monitoring and alerting of industrial assets, with a geospatial drill-down view of equipment health and telemetry across multiple sites

Next.jsReactMapbox GLPusherTanStack React Query

Education

2020

Bachelor of Computer Science in Software Engineering

Universiti Teknologi Malaysia (UTM)Johor Bahru, Johor, Malaysia