# vinitagiri28/astrox architecture

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

- Interactive diagram: https://gitdiagram.com/vinitagiri28/astrox
- Repository: https://github.com/vinitagiri28/astrox

## Overview

AstroX is a static space-education website, with astronomy pages, Earth and climate topics, and pages for exploration and interaction. Its visible runtime JavaScript animates homepage-style visual effects and controls image and planet sliders. The README provides only the project name, and no HTML excerpts were supplied, so page-to-page navigation, asset usage, and JavaScript-to-page bindings cannot be verified; those connections are omitted.

Main entry points: [`script.js`](https://github.com/vinitagiri28/astrox/blob/main/script.js) (Star animation)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_astronomy["Space and planets"]
  node_home["Home<br/>[index.html]"]
  node_explore["Explore space<br/>[ExploreSpace.html]"]
  node_sun["Sun<br/>[sun.html]"]
  node_mercury["Mercury<br/>[Mercury.html]"]
  node_venus["Venus<br/>[venus.html]"]
  node_earthpage["Earth<br/>[Earth.html]"]
  node_mars["Mars<br/>[mars.html]"]
  node_jupiter["Jupiter<br/>[jupiter.html]"]
  node_saturn["Saturn<br/>[saturn.html]"]
  node_uranus["Uranus<br/>[uranus.html]"]
  node_neptune["Neptune<br/>[neptune.html]"]
end

subgraph group_earth["Earth topics"]
  node_climate["Climate<br/>[Climate.html]"]
  node_earthhealth["Earth health<br/>[EarthHealth.html]"]
end

subgraph group_visitor["Visitor pages"]
  node_chatbot["AI chatbot<br/>[AIchatbot.html]"]
  node_login["Login<br/>[login.html]"]
  node_contact["Contact<br/>[contact.html]"]
end

subgraph group_runtime["Browser interactions"]
  node_hero_slider["Hero slider<br/>[script.js]"]
  node_slide_display["Slide display<br/>[script.js]"]
  node_star_animation["Star animation<br/>[script.js]"]
  node_galaxy_animation["Galaxy animation<br/>[script.js]"]
  node_planet_slider["Planet slider<br/>[script.js]"]
end

node_hero_slider -->|"updates slides"| node_slide_display
node_star_animation -->|"animates frames"| node_star_animation
node_galaxy_animation -->|"animates frames"| node_galaxy_animation
node_planet_slider -->|"scrolls on click"| node_planet_slider

click node_home "https://github.com/vinitagiri28/astrox/blob/main/index.html"
click node_explore "https://github.com/vinitagiri28/astrox/blob/main/ExploreSpace.html"
click node_sun "https://github.com/vinitagiri28/astrox/blob/main/sun.html"
click node_mercury "https://github.com/vinitagiri28/astrox/blob/main/Mercury.html"
click node_venus "https://github.com/vinitagiri28/astrox/blob/main/venus.html"
click node_earthpage "https://github.com/vinitagiri28/astrox/blob/main/Earth.html"
click node_mars "https://github.com/vinitagiri28/astrox/blob/main/mars.html"
click node_jupiter "https://github.com/vinitagiri28/astrox/blob/main/jupiter.html"
click node_saturn "https://github.com/vinitagiri28/astrox/blob/main/saturn.html"
click node_uranus "https://github.com/vinitagiri28/astrox/blob/main/uranus.html"
click node_neptune "https://github.com/vinitagiri28/astrox/blob/main/neptune.html"
click node_climate "https://github.com/vinitagiri28/astrox/blob/main/Climate.html"
click node_earthhealth "https://github.com/vinitagiri28/astrox/blob/main/EarthHealth.html"
click node_chatbot "https://github.com/vinitagiri28/astrox/blob/main/AIchatbot.html"
click node_login "https://github.com/vinitagiri28/astrox/blob/main/login.html"
click node_contact "https://github.com/vinitagiri28/astrox/blob/main/contact.html"
click node_hero_slider "https://github.com/vinitagiri28/astrox/blob/main/script.js"
click node_slide_display "https://github.com/vinitagiri28/astrox/blob/main/script.js"
click node_star_animation "https://github.com/vinitagiri28/astrox/blob/main/script.js"
click node_galaxy_animation "https://github.com/vinitagiri28/astrox/blob/main/script.js"
click node_planet_slider "https://github.com/vinitagiri28/astrox/blob/main/script.js"

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_home,node_explore,node_sun,node_mercury,node_venus,node_earthpage,node_mars,node_jupiter,node_saturn,node_uranus,node_neptune toneBlue
class node_climate,node_earthhealth toneAmber
class node_chatbot,node_login,node_contact toneMint
class node_hero_slider,node_slide_display,node_star_animation,node_galaxy_animation,node_planet_slider toneRose
```

## Components

### Space and planets

- [Home](https://github.com/vinitagiri28/astrox/blob/main/index.html): `index.html`
- [Explore space](https://github.com/vinitagiri28/astrox/blob/main/ExploreSpace.html): `ExploreSpace.html`
- [Sun](https://github.com/vinitagiri28/astrox/blob/main/sun.html): `sun.html`
- [Mercury](https://github.com/vinitagiri28/astrox/blob/main/Mercury.html): `Mercury.html`
- [Venus](https://github.com/vinitagiri28/astrox/blob/main/venus.html): `venus.html`
- [Earth](https://github.com/vinitagiri28/astrox/blob/main/Earth.html): `Earth.html`
- [Mars](https://github.com/vinitagiri28/astrox/blob/main/mars.html): `mars.html`
- [Jupiter](https://github.com/vinitagiri28/astrox/blob/main/jupiter.html): `jupiter.html`
- [Saturn](https://github.com/vinitagiri28/astrox/blob/main/saturn.html): `saturn.html`
- [Uranus](https://github.com/vinitagiri28/astrox/blob/main/uranus.html): `uranus.html`
- [Neptune](https://github.com/vinitagiri28/astrox/blob/main/neptune.html): `neptune.html`

### Earth topics

- [Climate](https://github.com/vinitagiri28/astrox/blob/main/Climate.html): `Climate.html`
- [Earth health](https://github.com/vinitagiri28/astrox/blob/main/EarthHealth.html): `EarthHealth.html`

### Visitor pages

- [AI chatbot](https://github.com/vinitagiri28/astrox/blob/main/AIchatbot.html): `AIchatbot.html`
- [Login](https://github.com/vinitagiri28/astrox/blob/main/login.html): `login.html`
- [Contact](https://github.com/vinitagiri28/astrox/blob/main/contact.html): `contact.html`

### Browser interactions

- [Hero slider](https://github.com/vinitagiri28/astrox/blob/main/script.js): `script.js`
- [Slide display](https://github.com/vinitagiri28/astrox/blob/main/script.js): `script.js`
- [Star animation](https://github.com/vinitagiri28/astrox/blob/main/script.js): `script.js`
- [Galaxy animation](https://github.com/vinitagiri28/astrox/blob/main/script.js): `script.js`
- [Planet slider](https://github.com/vinitagiri28/astrox/blob/main/script.js): `script.js`

## Connections

- Hero slider → Slide display: updates slides (evidence: `script.js`)
- Star animation → Star animation: animates frames (evidence: `script.js`)
- Galaxy animation → Galaxy animation: animates frames (evidence: `script.js`)
- Planet slider → Planet slider: scrolls on click (evidence: `script.js`)