# ayyan-sufian/animation architecture

> Architecture diagram of the GitHub repository ayyan-sufian/animation, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-25). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/ayyan-sufian/animation
- Repository: https://github.com/ayyan-sufian/animation

## Overview

This repository is a Flutter mobile starter project with several practice/demo screens, rather than a documented single-purpose product. The README describes only a starter app; filenames identify likely screen responsibilities, but the Dart implementations and navigation wiring were not sampled, so their call relationships are omitted. Platform bootstrap files are present for Android and iOS.

Main entry points: [`ios/Runner/AppDelegate.swift`](https://github.com/ayyan-sufian/animation/blob/main/ios/Runner/AppDelegate.swift) (iOS host)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_flutter["Flutter screens"]
  node_list["3D list<br/>[3D-list.dart]"]
  node_detail["Detail page<br/>[detail_pg.dart]"]
  node_shared["Shared data<br/>[shared-data.dart]"]
  node_practice["Practice main<br/>[practice-main.dart]"]
  node_intro["Intro screen<br/>[intro_page.dart]"]
  node_splash["Splash screen<br/>[splash-screen.dart]"]
  node_calculator["Calculator<br/>[calculator.dart]"]
  node_grid["Grid view<br/>[grid-veiw.dart]"]
  node_flutter_main["Flutter entry<br/>[main.dart]"]
end

subgraph group_native["Platform hosts"]
  node_android_host["Android host<br/>[MainActivity.kt]"]
  node_ios_host["iOS host<br/>[AppDelegate.swift]"]
end

node_user(("App user"))
node_flutter_runtime["Flutter runtime"]

node_ios_host -->|"registers plugins"| node_flutter_runtime

click node_list "https://github.com/ayyan-sufian/animation/blob/main/lib/3D-list.dart"
click node_detail "https://github.com/ayyan-sufian/animation/blob/main/lib/detail_pg.dart"
click node_shared "https://github.com/ayyan-sufian/animation/blob/main/lib/shared-data.dart"
click node_practice "https://github.com/ayyan-sufian/animation/blob/main/lib/practice-main.dart"
click node_intro "https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/intro_page.dart"
click node_splash "https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/splash-screen.dart"
click node_calculator "https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/calculator.dart"
click node_grid "https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/grid-veiw.dart"
click node_flutter_main "https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/main.dart"
click node_android_host "https://github.com/ayyan-sufian/animation/blob/main/android/app/src/main/kotlin/com/example/animation/MainActivity.kt"
click node_ios_host "https://github.com/ayyan-sufian/animation/blob/main/ios/Runner/AppDelegate.swift"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_list,node_detail,node_shared,node_practice,node_intro,node_splash,node_calculator,node_grid,node_flutter_main,node_user toneBlue
class node_android_host,node_ios_host toneAmber
class node_flutter_runtime toneIndigo
```

## Components

### Flutter screens

- [3D list](https://github.com/ayyan-sufian/animation/blob/main/lib/3D-list.dart): `lib/3D-list.dart`
- [Detail page](https://github.com/ayyan-sufian/animation/blob/main/lib/detail_pg.dart): `lib/detail_pg.dart`
- [Shared data](https://github.com/ayyan-sufian/animation/blob/main/lib/shared-data.dart): `lib/shared-data.dart`
- [Practice main](https://github.com/ayyan-sufian/animation/blob/main/lib/practice-main.dart): `lib/practice-main.dart`
- [Intro screen](https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/intro_page.dart): `lib/flutter_bases/intro_page.dart`
- [Splash screen](https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/splash-screen.dart): `lib/flutter_bases/splash-screen.dart`
- [Calculator](https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/calculator.dart): `lib/flutter_bases/calculator.dart`
- [Grid view](https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/grid-veiw.dart): `lib/flutter_bases/grid-veiw.dart`
- [Flutter entry](https://github.com/ayyan-sufian/animation/blob/main/lib/flutter_bases/main.dart): `lib/flutter_bases/main.dart`

### Platform hosts

- [Android host](https://github.com/ayyan-sufian/animation/blob/main/android/app/src/main/kotlin/com/example/animation/MainActivity.kt): `android/app/src/main/kotlin/com/example/animation/MainActivity.kt`
- [iOS host](https://github.com/ayyan-sufian/animation/blob/main/ios/Runner/AppDelegate.swift): `ios/Runner/AppDelegate.swift`

### Other components

- **App user**
- **Flutter runtime**

## Connections

- iOS host → Flutter runtime: registers plugins