# ftmkyz/libraryapp architecture

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

- Interactive diagram: https://gitdiagram.com/ftmkyz/libraryapp
- Repository: https://github.com/ftmkyz/libraryapp

## Overview

This is a Flutter library app with an entry point and separate home, books, wishlist, and profile pages. The README is only the stock Flutter starter text, and the sampled source contains platform runners rather than Dart application code. The graph therefore identifies the visible product areas but omits page-navigation and data-flow links that cannot be verified.

Main entry points: [`lib/main.dart`](https://github.com/ftmkyz/libraryapp/blob/main/lib/main.dart) (Flutter entry)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_shell["App shell"]
  node_entry["Flutter entry<br/>[main.dart]"]
end

subgraph group_library["Library features"]
  node_home["Home page<br/>[homepage.dart]"]
  node_books["Books page<br/>[books.dart]"]
  node_wishlist["Wishlist page<br/>[wishlist.dart]"]
  node_profile["Profile editor<br/>[edit_profile.dart]"]
end

subgraph group_ui["UI components"]
  node_cards["Flip cards"]
  node_buttons["Buttons<br/>[buttons.dart]"]
  node_textarea["Text area<br/>[textarea.dart]"]
end

node_user(("App user"))

node_user -->|"opens app"| node_entry

click node_entry "https://github.com/ftmkyz/libraryapp/blob/main/lib/main.dart"
click node_home "https://github.com/ftmkyz/libraryapp/blob/main/lib/pages/homepage.dart"
click node_books "https://github.com/ftmkyz/libraryapp/blob/main/lib/pages/books.dart"
click node_wishlist "https://github.com/ftmkyz/libraryapp/blob/main/lib/pages/wishlist.dart"
click node_profile "https://github.com/ftmkyz/libraryapp/blob/main/lib/pages/edit_profile.dart"
click node_cards "https://github.com/ftmkyz/libraryapp/blob/main/lib/widgets/EqualHeightFlipCard.dart"
click node_buttons "https://github.com/ftmkyz/libraryapp/blob/main/lib/widgets/buttons.dart"
click node_textarea "https://github.com/ftmkyz/libraryapp/blob/main/lib/widgets/textarea.dart"

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_entry,node_user toneBlue
class node_home,node_books,node_wishlist,node_profile toneAmber
class node_cards,node_buttons,node_textarea toneMint
```

## Components

### App shell

- [Flutter entry](https://github.com/ftmkyz/libraryapp/blob/main/lib/main.dart): `lib/main.dart`

### Library features

- [Home page](https://github.com/ftmkyz/libraryapp/blob/main/lib/pages/homepage.dart): `lib/pages/homepage.dart`
- [Books page](https://github.com/ftmkyz/libraryapp/blob/main/lib/pages/books.dart): `lib/pages/books.dart`
- [Wishlist page](https://github.com/ftmkyz/libraryapp/blob/main/lib/pages/wishlist.dart): `lib/pages/wishlist.dart`
- [Profile editor](https://github.com/ftmkyz/libraryapp/blob/main/lib/pages/edit_profile.dart): `lib/pages/edit_profile.dart`

### UI components

- [Flip cards](https://github.com/ftmkyz/libraryapp/blob/main/lib/widgets/EqualHeightFlipCard.dart): `lib/widgets/EqualHeightFlipCard.dart`
- [Buttons](https://github.com/ftmkyz/libraryapp/blob/main/lib/widgets/buttons.dart): `lib/widgets/buttons.dart`
- [Text area](https://github.com/ftmkyz/libraryapp/blob/main/lib/widgets/textarea.dart): `lib/widgets/textarea.dart`

### Other components

- **App user**

## Connections

- App user → Flutter entry: opens app