M Luthfan M.

Available for remote frontend / full-stack roles

M Luthfan Mursyidan

Frontend & Full-stack Engineer building practical web, mobile, and AI-powered products.

I help turn ideas into clean interfaces, reliable APIs, and production-ready applications.

Featured work

Product work with real implementation detail

Selected projects across AI mobile apps, geospatial dashboards, operational tools, and practical utilities.

Echo Flow

Mobile app for recording voice notes, uploading audio, and generating AI transcription, summaries, and important points.

Role: Mobile app, backend integration, auth flow, upload logic, and cloud processing architecture.

FlutterGoGinFirestoreCloud RunCloud TasksGemini API
  • Guest and Google login
  • Audio recording and upload
  • Background AI transcription
  • Free/Pro plan limits
Palmoil.io Dashboard preview

Palmoil.io Dashboard

Deforestation monitoring dashboard for jurisdiction-level environmental data and map-based insights.

Role: Frontend implementation, data workflows, dashboard features, and map/data visualization.

ReactNext.jsPostgreSQLDuckDBMapboxGeospatial data
  • Geospatial data processing
  • Parquet and CSV generation
  • Jurisdiction-level data views
  • Map visualization

Parking Fee Tracker

Fast local-first finance utility for logging parking fees with one-tap input and calendar-based history.

Role: Product idea, mobile UI, local data model, and interaction flow.

FlutterSQLiteMaterial 3
  • One-tap fee recording
  • Vehicle type support
  • Calendar history
  • Local-first storage
Court Reporting Workflow preview

Court Reporting Workflow

Workflow system for managing court transcription jobs, review status, and operational handoffs.

Role: Interface design, workflow mapping, and frontend implementation.

HTMLCSSJavaScriptResponsive UI
  • Job management flow
  • Responsive dashboard
  • Status tracking
  • Operational screens

What I build

Useful products, not just screens

I work across frontend, mobile, and backend layers, from responsive interfaces to API integration, cloud deployment, and AI-powered workflows.

Web Applications

Modern dashboards, landing pages, SaaS interfaces, admin panels, and responsive web apps.

Mobile Applications

Flutter and React Native apps with authentication, local storage, API integration, and polished UI.

Backend APIs

REST APIs, authentication, background jobs, file upload pipelines, and cloud deployment.

AI-powered Features

Audio transcription, summarization, automation workflows, and AI-assisted product features.

Data & Geospatial Tools

Data processing scripts, CSV/Parquet generation, DuckDB workflows, and map-based features.

Tech stack

Tools I use to ship products

Clear strengths across modern frontend, mobile, backend, data, cloud, and AI workflows.

Frontend

ReactNext.jsTypeScriptJavaScriptTailwind CSSAnt DesignMUIInertia.js

Mobile

FlutterReact NativeExpo

Backend

LaravelGoGinNode.jsREST APIGraphQL

Database & Data

PostgreSQLMySQLSupabaseFirebaseDuckDBSQLiteParquetCSV processing

Cloud & Tools

Google Cloud RunCloud TasksFirestoreCloud StorageVercelDockerGitHubGitLab

AI / Automation

Gemini APIAI transcriptionAI-assisted developmentn8n conceptsPrompt-driven code generation

Selected case study

Echo Flow

Users often record long voice notes but do not want to manually rewrite, summarize, or organize them. Echo Flow processes audio into transcript, summary, important points, and action items.

My Role

Mobile structure, backend integration, authentication flow, upload logic, transcription status, and cloud processing architecture.

Key Features

Voice recording, audio upload, AI transcription, background processing, guest login, Google login, Free/Pro limits, Sheets export, and AdMob.

Tech Stack

Flutter, Go, Gin, Firestore, Cloud Run, Cloud Tasks, Google Cloud Storage, and Gemini API.

Challenges

Async transcription status, audio upload limits, internal endpoint security, and a clean recording/preview experience.

About

Practical engineering for product teams

Hi, I’m Luthfan, a software engineer based in Indonesia. I work mainly with React, Next.js, TypeScript, Flutter, Laravel, Go, Supabase, PostgreSQL, and cloud platforms.

I build practical web and mobile applications with clean interfaces, reliable APIs, and production-ready workflows. My work spans product UI, API integration, background processing, data tools, and AI-powered features.

Contact

Let’s build a clean, reliable product.

I’m open to remote frontend/full-stack roles, freelance product work, and collaboration on practical web, mobile, backend, data, or AI features.

Designed and built by Luthfan Mursyidan.