# afifakhatib/netfilx-project architecture

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

- Interactive diagram: https://gitdiagram.com/afifakhatib/netfilx-project
- Repository: https://github.com/afifakhatib/netfilx-project

## Overview

The tree shows a small web frontend with a main page and a movie-information page, plus page-named JavaScript and shared-looking CSS/JavaScript helpers. With no README or source excerpts, the pages’ features, script loading, and navigation cannot be verified, so no runtime relationships are asserted.

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Web pages"]
  node_index_page["Main page<br/>[index.html]"]
  node_movie_info_page["Movie information page<br/>[movieInfo.html]"]
end

subgraph group_assets["Frontend assets"]
  node_index_js["Main-page script<br/>[index.js]"]
  node_movie_info_js["Movie script<br/>[movieInfo.js]"]
  node_helper_js["JavaScript helper<br/>[helper.js]"]
  node_style_css["Main stylesheet<br/>[style.css]"]
  node_helper_css["CSS helper<br/>[helper.css]"]
end

click node_index_page "https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/index.html"
click node_movie_info_page "https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/movieInfo.html"
click node_index_js "https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/js/index.js"
click node_movie_info_js "https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/js/movieInfo.js"
click node_helper_js "https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/js/helper.js"
click node_style_css "https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/css/style.css"
click node_helper_css "https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/css/helper.css"

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_index_page,node_movie_info_page toneBlue
class node_index_js,node_movie_info_js,node_helper_js,node_style_css,node_helper_css toneAmber
```

## Components

### Web pages

- [Main page](https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/index.html): `index.html`
- [Movie information page](https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/movieInfo.html): `movieInfo.html`

### Frontend assets

- [Main-page script](https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/js/index.js): `assets/js/index.js`
- [Movie script](https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/js/movieInfo.js): `assets/js/movieInfo.js`
- [JavaScript helper](https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/js/helper.js): `assets/js/helper.js`
- [Main stylesheet](https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/css/style.css): `assets/css/style.css`
- [CSS helper](https://github.com/afifakhatib/netfilx-project/blob/netfilx-responsive/assets/css/helper.css): `assets/css/helper.css`