Web • Mobile • AI Automation • Connected Systems

Portfolio / 2026

I turn complex ideas into reliable products.

I'm Jhonardz—a developer who builds responsive web platforms, cross-platform Flutter apps, AI-powered workflows, and IoT systems from interface to infrastructure.

  • 01 End-to-end delivery
  • 02 Cross-platform thinking
  • 03 Hardware + software
Jhonardz Mo-o Abdulkadil Web • Mobile • AI • Embedded
build.js
const product = {
  useful: true,
  maintainable: true,
  builtToLast: true
};
Flutter✦Laravel✦AI Automation✦JavaScript✦Firebase✦Python✦PostgreSQL✦ESP32✦Raspberry Pi✦

01 / Selected work

Live products built for real needs.

06 live projects

Digital platforms for education, public service, productivity, compliance, and creative work—available to explore online.

02 / Technical range

Broad enough to see the system. Focused enough to ship it.

I work across the layers that turn an idea into a usable, maintainable product.

01

Frontend & experience

Responsive layouts, accessible interfaces, and clear interactions across screen sizes.

HTMLCSSJavaScript
02

Backend & data

Application logic, APIs, cloud services, and relational or real-time data.

PHPLaravelDjangoPostgreSQL
03

Mobile & cloud

Cross-platform app development with integrated authentication, data, and serverless workflows.

FlutterDartFirebaseSupabase
04

Devices & prototyping

Hardware-software integration for practical connected system prototypes.

ArduinoESP32Raspberry Pi
05

AI automation Workflow intelligence

Practical AI-assisted workflows that connect tools, reduce repetitive steps, and keep human review where it matters.

AI workflowsPrompt engineeringAPI integrationProcess automation

03 / How I work

Thoughtful execution at every layer.

Good engineering is more than making a feature work. It is understanding the problem, choosing sensible tradeoffs, and leaving the system better than you found it.

01

Clarify the problem

Align on the user, constraints, and definition of done before the build gets expensive.

02

Design the system

Break the work into clear boundaries, data flows, and maintainable components.

03

Build & verify

Ship in focused increments, test the important paths, and refine from real feedback.

04

Document & improve

Make decisions visible so the next change is faster, safer, and easier to own.

04 / Start a conversation

Have a role where I can make an impact?

Let's talk about the product, the engineering challenges, and how I can contribute.

01 / 06Education

Live product

Project case study

Project title

Focus

Built for

Key experience

    Visit live project
    Interactive preview

    Open the live product to explore the complete experience.