# sa-sel/site-bixos-2026 architecture

> Architecture diagram of the GitHub repository sa-sel/site-bixos-2026, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-14). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/sa-sel/site-bixos-2026
- Repository: https://github.com/sa-sel/site-bixos-2026

## Overview

Site dos Bixos 2026 is an Angular information site for incoming EESC-USP electrical-engineering students. The user journey is browser startup, route selection, then reading a page of orientation content and following its resource links; route metadata also drives page titles and banner presentation. Major content branches cover study preparation, academic services, course structure, extracurricular groups, and campus/living/student logistics. The excerpts establish routing and banner behavior, but not every component template or runtime wiring, so uncertain connections are omitted.

Main entry points: [`src/app/app-routing.module.ts`](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/app-routing.module.ts) (Route map), [`src/app/app.component.ts`](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/app.component.ts) (App shell), [`src/main.ts`](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/main.ts) (Angular bootstrap), [`src/app/core/preparacao-estudos/preparacao-estudos.component.ts`](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/preparacao-estudos/preparacao-estudos.component.ts) (Study preparation)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_routing["Application navigation"]
  node_bootstrap["Angular bootstrap<br/>[main.ts]"]
  node_app["App shell<br/>[app.component.ts]"]
  node_routes["Route map"]
end

subgraph group_orientation["Student orientation"]
  node_welcome["Home and reception<br/>[home.component.ts]"]
  node_kit["Kit Bixo"]
  node_course["Course overview"]
  node_groups["Extracurricular groups"]
  node_campus["Campus information"]
  node_housing["Housing"]
  node_dining["University dining"]
  node_other_topics["Other student topics"]
end

subgraph group_resources["Learning and services"]
  node_study["Study preparation"]
  node_academic["Academic services"]
  node_enrollment["Enrollment"]
  node_library["Libraries"]
end

subgraph group_ui["Shared presentation"]
  node_banner["Route banner"]
  node_sidebar["Navigation sidebar"]
  node_sidebar_service["Sidebar state<br/>[sidebar.service.ts]"]
  node_shared_ui["Reusable UI components"]
end

node_visitor(("Incoming student"))
node_browser(("Web browser"))

node_visitor -->|"opens site"| node_browser
node_browser -->|"loads app"| node_bootstrap
node_bootstrap -->|"bootstraps module"| node_app
node_app -->|"imports routes"| node_routes
node_routes -->|"routes to"| node_welcome
node_routes -->|"routes to"| node_kit
node_routes -->|"routes to"| node_course
node_routes -->|"routes to"| node_study
node_routes -->|"routes to"| node_academic
node_routes -->|"routes to"| node_enrollment
node_routes -->|"routes to"| node_library
node_routes -->|"routes to"| node_campus
node_routes -->|"routes to"| node_housing
node_routes -->|"routes to"| node_dining
node_routes -->|"routes to"| node_groups
node_routes -->|"routes to"| node_other_topics
node_banner -->|"reads route data"| node_routes
node_app -->|"sets page title"| node_browser
node_sidebar -->|"updates state"| node_sidebar_service
node_visitor -.->|"views content"| node_shared_ui
node_visitor -->|"reads resource guidance"| node_study
node_visitor -->|"reads service guidance"| node_academic

click node_bootstrap "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/main.ts"
click node_app "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/app.component.ts"
click node_routes "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/app-routing.module.ts"
click node_banner "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/banner-router/banner-router.component.ts"
click node_sidebar "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/sidebar/sidebar.component.ts"
click node_sidebar_service "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/services/sidebar.service.ts"
click node_welcome "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/home/home.component.ts"
click node_kit "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/kit-bixo/kit-bixo.component.ts"
click node_course "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/sobre-curso/sobre-curso.component.ts"
click node_groups "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/ic-extra/ic-extra.component.ts"
click node_study "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/preparacao-estudos/preparacao-estudos.component.ts"
click node_academic "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/servicos-academicos/servicos-academicos.component.ts"
click node_enrollment "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/matricula/matricula.component.ts"
click node_library "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/bibliotecas/bibliotecas.component.ts"
click node_campus "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/campus/campus.component.ts"
click node_housing "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/moradias/moradias.component.ts"
click node_dining "https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/bandejao/bandejao.component.ts"
click node_other_topics "https://github.com/sa-sel/site-bixos-2026/tree/dev/src/app/core"
click node_shared_ui "https://github.com/sa-sel/site-bixos-2026/tree/dev/src/app/shared"

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_bootstrap,node_app,node_routes,node_browser toneBlue
class node_welcome,node_kit,node_course,node_groups,node_campus,node_housing,node_dining,node_other_topics toneAmber
class node_study,node_academic,node_enrollment,node_library toneMint
class node_banner,node_sidebar,node_sidebar_service,node_shared_ui toneRose
class node_visitor toneIndigo
```

## Components

### Application navigation

- [Angular bootstrap](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/main.ts): `src/main.ts`
- [App shell](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/app.component.ts): `src/app/app.component.ts`
- [Route map](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/app-routing.module.ts): `src/app/app-routing.module.ts`

### Student orientation

- [Home and reception](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/home/home.component.ts): `src/app/core/home/home.component.ts`
- [Kit Bixo](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/kit-bixo/kit-bixo.component.ts): `src/app/core/kit-bixo/kit-bixo.component.ts`
- [Course overview](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/sobre-curso/sobre-curso.component.ts): `src/app/core/sobre-curso/sobre-curso.component.ts`
- [Extracurricular groups](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/ic-extra/ic-extra.component.ts): `src/app/core/ic-extra/ic-extra.component.ts`
- [Campus information](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/campus/campus.component.ts): `src/app/core/campus/campus.component.ts`
- [Housing](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/moradias/moradias.component.ts): `src/app/core/moradias/moradias.component.ts`
- [University dining](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/bandejao/bandejao.component.ts): `src/app/core/bandejao/bandejao.component.ts`
- [Other student topics](https://github.com/sa-sel/site-bixos-2026/tree/dev/src/app/core): `src/app/core`

### Learning and services

- [Study preparation](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/preparacao-estudos/preparacao-estudos.component.ts): `src/app/core/preparacao-estudos/preparacao-estudos.component.ts`
- [Academic services](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/servicos-academicos/servicos-academicos.component.ts): `src/app/core/servicos-academicos/servicos-academicos.component.ts`
- [Enrollment](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/matricula/matricula.component.ts): `src/app/core/matricula/matricula.component.ts`
- [Libraries](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/bibliotecas/bibliotecas.component.ts): `src/app/core/bibliotecas/bibliotecas.component.ts`

### Shared presentation

- [Route banner](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/banner-router/banner-router.component.ts): `src/app/core/banner-router/banner-router.component.ts`
- [Navigation sidebar](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/core/sidebar/sidebar.component.ts): `src/app/core/sidebar/sidebar.component.ts`
- [Sidebar state](https://github.com/sa-sel/site-bixos-2026/blob/dev/src/app/services/sidebar.service.ts): `src/app/services/sidebar.service.ts`
- [Reusable UI components](https://github.com/sa-sel/site-bixos-2026/tree/dev/src/app/shared): `src/app/shared`

### Other components

- **Incoming student**
- **Web browser**

## Connections

- Incoming student → Web browser: opens site (evidence: `README.md`)
- Web browser → Angular bootstrap: loads app (evidence: `src/main.ts`)
- Angular bootstrap → App shell: bootstraps module (evidence: `src/main.ts`)
- App shell → Route map: imports routes (evidence: `src/app/app.module.ts`)
- Route map → Home and reception: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Kit Bixo: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Course overview: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Study preparation: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Academic services: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Enrollment: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Libraries: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Campus information: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Housing: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → University dining: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Extracurricular groups: routes to (evidence: `src/app/app-routing.module.ts`)
- Route map → Other student topics: routes to (evidence: `src/app/app-routing.module.ts`)
- Route banner → Route map: reads route data (evidence: `src/app/core/banner-router/banner-router.component.ts`)
- App shell → Web browser: sets page title (evidence: `src/app/app.component.ts`)
- Navigation sidebar → Sidebar state: updates state (evidence: `src/app/core/sidebar/sidebar.component.ts`)
- Incoming student → Reusable UI components: views content
- Incoming student → Study preparation: reads resource guidance (evidence: `README.md`)
- Incoming student → Academic services: reads service guidance (evidence: `README.md`)