# soumya1449/srmp_digital architecture

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

- Interactive diagram: https://gitdiagram.com/soumya1449/srmp_digital
- Repository: https://github.com/soumya1449/srmp_digital

## Overview

This repository combines an Angular portfolio-style site—whose named sections cover home, about, services, projects, and contact—with a small Spring Boot backend exposing two text endpoints. The main frontend flow bootstraps a root component that brings together the site sections; the Node server can serve static assets or render Angular requests. The backend is separate: no frontend-to-backend call is evidenced. The README is empty, and sampled templates do not establish detailed user interactions or section content.

Main entry points: [`FrontEnd/src/app/app.component.ts`](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.component.ts) (Root application), [`FrontEnd/src/main.ts`](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/main.ts) (Client bootstrap), [`FrontEnd/src/main.server.ts`](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/main.server.ts) (Server bootstrap), [`FrontEnd/src/app/app.config.server.ts`](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.config.server.ts) (Server configuration)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Portfolio site"]
  node_app["Root application<br/>[app.component.ts]"]
  node_navbar["Navigation"]
  node_home["Home section<br/>[home.component.ts]"]
  node_about["About section<br/>[about.component.ts]"]
  node_services["Services section"]
  node_projects["Projects section"]
  node_contact["Contact section"]
  node_footer["Footer"]
end

subgraph group_render["Frontend rendering"]
  node_client_bootstrap["Client bootstrap<br/>[main.ts]"]
  node_routes["Client routes<br/>[app.routes.ts]"]
  node_app_config["Client configuration<br/>[app.config.ts]"]
  node_ssr_bootstrap["Server bootstrap<br/>[main.server.ts]"]
  node_ssr_config["Server configuration"]
  node_server_routes["Server routes"]
  node_node_server["Node request server<br/>[server.ts]"]
end

subgraph group_backend["Backend API"]
  node_backend_app["Spring application"]
  node_test_controller["Text endpoints"]
end

node_visitor(("Site visitor"))
node_browser(("Web browser"))
node_api_caller(("API caller"))

node_visitor -->|"views site"| node_browser
node_browser -->|"loads application"| node_client_bootstrap
node_client_bootstrap -->|"bootstraps"| node_app
node_app -->|"renders"| node_navbar
node_app -->|"renders"| node_home
node_app -->|"renders"| node_about
node_app -->|"renders"| node_services
node_app -->|"renders"| node_projects
node_app -->|"renders"| node_contact
node_app -->|"renders"| node_footer
node_client_bootstrap -->|"uses config"| node_app_config
node_app_config -->|"provides routing"| node_routes
node_browser -->|"requests page"| node_node_server
node_node_server -->|"renders request"| node_app
node_node_server -->|"uses renderer"| node_ssr_bootstrap
node_ssr_bootstrap -->|"bootstraps"| node_app
node_ssr_bootstrap -->|"uses config"| node_ssr_config
node_ssr_config -->|"merges config"| node_app_config
node_ssr_config -->|"provides routing"| node_server_routes
node_backend_app -->|"hosts endpoints"| node_test_controller
node_api_caller -->|"requests endpoint"| node_test_controller

click node_client_bootstrap "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/main.ts"
click node_app "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.component.ts"
click node_navbar "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/navbar/navbar.component.ts"
click node_home "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/home/home.component.ts"
click node_about "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/about/about.component.ts"
click node_services "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/services/services.component.ts"
click node_projects "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/projects/projects.component.ts"
click node_contact "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/contact/contact.component.ts"
click node_footer "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/footer/footer.component.ts"
click node_routes "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.routes.ts"
click node_app_config "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.config.ts"
click node_ssr_bootstrap "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/main.server.ts"
click node_ssr_config "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.config.server.ts"
click node_server_routes "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.routes.server.ts"
click node_node_server "https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/server.ts"
click node_backend_app "https://github.com/soumya1449/srmp_digital/blob/main/backend/src/main/java/com/srmp/backend/BackendApplication.java"
click node_test_controller "https://github.com/soumya1449/srmp_digital/blob/main/backend/src/main/java/com/srmp/backend/TestController.java"

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_app,node_navbar,node_home,node_about,node_services,node_projects,node_contact,node_footer,node_browser toneBlue
class node_client_bootstrap,node_routes,node_app_config,node_ssr_bootstrap,node_ssr_config,node_server_routes,node_node_server toneAmber
class node_backend_app,node_test_controller,node_api_caller toneMint
class node_visitor toneIndigo
```

## Components

### Portfolio site

- [Root application](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.component.ts): `FrontEnd/src/app/app.component.ts`
- [Navigation](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/navbar/navbar.component.ts): `FrontEnd/src/app/components/navbar/navbar.component.ts`
- [Home section](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/home/home.component.ts): `FrontEnd/src/app/components/home/home.component.ts`
- [About section](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/about/about.component.ts): `FrontEnd/src/app/components/about/about.component.ts`
- [Services section](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/services/services.component.ts): `FrontEnd/src/app/components/services/services.component.ts`
- [Projects section](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/projects/projects.component.ts): `FrontEnd/src/app/components/projects/projects.component.ts`
- [Contact section](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/contact/contact.component.ts): `FrontEnd/src/app/components/contact/contact.component.ts`
- [Footer](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/components/footer/footer.component.ts): `FrontEnd/src/app/components/footer/footer.component.ts`

### Frontend rendering

- [Client bootstrap](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/main.ts): `FrontEnd/src/main.ts`
- [Client routes](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.routes.ts): `FrontEnd/src/app/app.routes.ts`
- [Client configuration](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.config.ts): `FrontEnd/src/app/app.config.ts`
- [Server bootstrap](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/main.server.ts): `FrontEnd/src/main.server.ts`
- [Server configuration](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.config.server.ts): `FrontEnd/src/app/app.config.server.ts`
- [Server routes](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/app/app.routes.server.ts): `FrontEnd/src/app/app.routes.server.ts`
- [Node request server](https://github.com/soumya1449/srmp_digital/blob/main/FrontEnd/src/server.ts): `FrontEnd/src/server.ts`

### Backend API

- [Spring application](https://github.com/soumya1449/srmp_digital/blob/main/backend/src/main/java/com/srmp/backend/BackendApplication.java): `backend/src/main/java/com/srmp/backend/BackendApplication.java`
- [Text endpoints](https://github.com/soumya1449/srmp_digital/blob/main/backend/src/main/java/com/srmp/backend/TestController.java): `backend/src/main/java/com/srmp/backend/TestController.java`

### Other components

- **Site visitor**
- **Web browser**
- **API caller**

## Connections

- Site visitor → Web browser: views site
- Web browser → Client bootstrap: loads application
- Client bootstrap → Root application: bootstraps
- Root application → Navigation: renders
- Root application → Home section: renders
- Root application → About section: renders
- Root application → Services section: renders
- Root application → Projects section: renders
- Root application → Contact section: renders
- Root application → Footer: renders
- Client bootstrap → Client configuration: uses config
- Client configuration → Client routes: provides routing
- Web browser → Node request server: requests page
- Node request server → Root application: renders request
- Node request server → Server bootstrap: uses renderer
- Server bootstrap → Root application: bootstraps
- Server bootstrap → Server configuration: uses config
- Server configuration → Client configuration: merges config
- Server configuration → Server routes: provides routing
- Spring application → Text endpoints: hosts endpoints
- API caller → Text endpoints: requests endpoint