Flutter
ARCore
Native
TensorFlow
Unity
3D Models

<Hello World />

I'm Fiqhan Chusnan Arriziq

Fullstack Developer & AR Enthusiast

Bridging Heritage and Technology through AR

Lead Developer of DiengVibe — Crafting immersive AR experiences that bring cultural heritage to life on mobile devices.

3+
Years Experience
5+
Projects Completed
500K+
App Downloads
3+
AR Features

Featured Projects

A showcase of my work in Flutter development, AR experiences, and mobile optimization

FLAGSHIP

DiengVibe

An immersive AR-powered travel companion app showcasing the Dieng Plateau cultural heritage. Features temple recognition, historical information overlay, and interactive cultural experiences.

98% Device Compatibility
Unity-to-Native Migration
ARCore Optimized
Google Play Compliant
FlutterARCoreTensorFlow LiteFirebaseGetX

Successfully migrated from Unity to Flutter Native, achieving 98% device compatibility while maintaining AR features. Solved critical Oppo A77s compatibility and Google Play policy issues.

AR Heritage Navigator

Mobile AR application for exploring historical monuments with real-time object recognition and contextual information display.

FlutterARKitPythonOpenCV

Integrated computer vision models for accurate monument identification with 95% accuracy rate.

Performance Profiler

Developer tool for analyzing and optimizing Flutter app performance with real-time metrics and heatmap visualization.

FlutterDartFirebaseCustom Paint

Reduced app startup time by 40% through systematic profiling and optimization techniques.

Cultural Quiz AR

Educational gamified AR experience testing knowledge of Indonesian cultural heritage through interactive 3D models.

Fluttermodel_viewer_plusProviderREST API

Engaged 50K+ users with educational AR content featuring 100+ cultural artifacts.

DiengVibe Case Study

Deep dive into the Unity to Flutter Native AR migration

98%
Device Compatibility
75%
Size Reduction
100%
Play Policy Compliant

Problem vs Solution

Unity Build

  • Only 62% of Android devices supported
  • High APK size (150MB+)
  • Heavy battery consumption
  • Slow cold start time (8s+)

Flutter Native

  • 98% Android device compatibility
  • Reduced APK to 25MB
  • Optimized battery usage
  • Fast cold start (2s)

Unity Issues

  • SDK transparency requirements
  • Multiple permission requests
  • Unclear data handling disclosure
  • Delayed review process

Flutter Solution

  • Full SDK transparency achieved
  • Minimal permissions required
  • Clear data handling policies
  • Fast review approval

Unity AR

  • High memory footprint
  • Frame drops on mid-range devices
  • Limited ARCore optimization
  • Inconsistent tracking quality

Native ARCore

  • Memory optimized by 60%
  • 60fps on 95% of devices
  • Deep ARCore integration
  • Stable tracking algorithm

3D Model Integration

Using model_viewer_plus to embed interactive 3D temple models with AR support

temple_model_viewer.dart
1300">"text-purple-400">import 300">'package:model_viewer_plus/model_viewer_plus.dart';
2
3300">"text-purple-400">class TempleModelViewer 300">"text-purple-400">extends 300">"text-purple-400">StatelessWidget {
4 300">"text-purple-400">final 300">"text-green-400">String modelPath;
5 300">"text-purple-400">final 300">"text-green-400">String templeName;
6
7 300">"text-purple-400">const TempleModelViewer({
8 300">"text-purple-400">super.key,
9 required 300">"text-purple-400">this.modelPath,
10 required 300">"text-purple-400">this.templeName,
11 });
12
13 @override
14 300">"text-purple-400">300">"text-green-400">Widget 300">"text-purple-400">build(300">"text-purple-400">BuildContext context) {
15 300">"text-purple-400">return 300">"text-green-400">Column(
16 children: [
17 // 3D Model Viewer 300">"text-purple-400">with AR support
18 SizedBox(
19 height: 400,
20 child: ModelViewer(
21 src: modelPath, // e.g., 300">'assets/models/prambanan.glb'
22 alt: 300">'3D model of $templeName',
23 ar: true, // Enable AR viewing
24 arModes: 300">"text-purple-400">const [300">'scene-viewer', 300">'webxr', 300">'quick-look'],
25 autoRotate: true,
26 cameraControls: true,
27 backgroundColor: 300">"text-purple-400">const 300">"text-green-400">Color(0xFF0F172A),
28 shadowIntensity: 1,
29 exposure: 0.8,
30 loading: Loading.lazy,
31 ),
32 ),
33 // AR Button custom styling
34 300">"text-green-400">Container(
35 margin: 300">"text-purple-400">const 300">"text-green-400">EdgeInsets.only(top: 16),
36 child: 300">"text-purple-400">const 300">"text-green-400">Text(
37 300">'Tap model to view in AR',
38 style: TextStyle(color: Colors.grey),
39 ),
40 ),
41 ],
42 );
43 }
44}

Key Takeaways

  • Flutter Native provides better performance and smaller bundle size
  • Direct ARCore integration enables deeper hardware optimization
  • Proper SDK documentation ensures smooth Play Store approval
  • TensorFlow Lite enables on-device ML without cloud dependency

Interactive 3D Heritage

Explore the temple model in 3D. Drag to rotate, scroll to zoom.

Drag to rotate
WebGL Active
👆
Drag to rotate
Orbit around the model
🔍
Scroll to zoom
Get closer or further
📱
View in AR
On supported devices

Place your .glb model in the public/models/ folder

Get In Touch

Have a project in mind or want to collaborate? Let's talk!

Let's Build Something Amazing

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions. Whether you have a question or just want to say hi, I'll try my best to get back to you!

Location

Indonesia

Find me on