# rahulde2007/rahuls_world architecture

> Architecture diagram of the GitHub repository rahulde2007/rahuls_world, 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/rahulde2007/rahuls_world
- Repository: https://github.com/rahulde2007/rahuls_world

## Overview

This is a personal portfolio site presenting Rahul De’s background, skills, projects, and credentials. Visitors browse the portfolio, use interactive page features—including a multilingual profile chatbot—and can send a contact message that the API validates and emails via Resend. The sampled source confirms the browser interactions and contact-email handler; the README and tree support the portfolio and credential branches, but the HTML and most page wiring were not sampled.

Main entry points: [`script.js`](https://github.com/rahulde2007/rahuls_world/blob/main/script.js) (Page interactions), [`index.html`](https://github.com/rahulde2007/rahuls_world/blob/main/index.html) (Portfolio page), [`api/contact.js`](https://github.com/rahulde2007/rahuls_world/blob/main/api/contact.js) (Contact handler), [`README.md`](https://github.com/rahulde2007/rahuls_world/blob/main/README.md) (Profile material)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_portfolio["Portfolio content"]
  node_portfolio_page["Portfolio page<br/>[index.html]"]
  node_profile_material["Profile material<br/>[README.md]"]
  node_certificates["Certificates"]
  node_platform_logos["Platform logos"]
end

subgraph group_interaction["Browser experience"]
  node_browser_script["Page interactions<br/>[script.js]"]
  node_theme_navigation["Theme and navigation<br/>[script.js]"]
  node_profile_chatbot["Profile chatbot<br/>[script.js]"]
  node_card_interaction["ID card interaction<br/>[script.js]"]
  node_animated_background["Animated background<br/>[script.js]"]
end

subgraph group_contact["Contact delivery"]
  node_contact_endpoint["Contact handler<br/>[contact.js]"]
  node_resend_service["Resend email"]
end

node_visitor(("Visitor"))

node_visitor -->|"views"| node_portfolio_page
node_portfolio_page -->|"presents profile"| node_profile_material
node_portfolio_page -->|"presents credentials"| node_certificates
node_portfolio_page -->|"shows logos"| node_platform_logos
node_portfolio_page -->|"runs interactions"| node_browser_script
node_browser_script -->|"handles controls"| node_theme_navigation
node_browser_script -->|"answers queries"| node_profile_chatbot
node_browser_script -->|"handles pointers"| node_card_interaction
node_browser_script -->|"draws effects"| node_animated_background
node_browser_script -->|"submits message"| node_contact_endpoint
node_contact_endpoint -->|"sends email"| node_resend_service

click node_portfolio_page "https://github.com/rahulde2007/rahuls_world/blob/main/index.html"
click node_profile_material "https://github.com/rahulde2007/rahuls_world/blob/main/README.md"
click node_certificates "https://github.com/rahulde2007/rahuls_world/tree/main/certificate"
click node_platform_logos "https://github.com/rahulde2007/rahuls_world/tree/main/assets/platform-logos"
click node_browser_script "https://github.com/rahulde2007/rahuls_world/blob/main/script.js"
click node_theme_navigation "https://github.com/rahulde2007/rahuls_world/blob/main/script.js"
click node_profile_chatbot "https://github.com/rahulde2007/rahuls_world/blob/main/script.js"
click node_card_interaction "https://github.com/rahulde2007/rahuls_world/blob/main/script.js"
click node_animated_background "https://github.com/rahulde2007/rahuls_world/blob/main/script.js"
click node_contact_endpoint "https://github.com/rahulde2007/rahuls_world/blob/main/api/contact.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_portfolio_page,node_profile_material,node_certificates,node_platform_logos toneBlue
class node_browser_script,node_theme_navigation,node_profile_chatbot,node_card_interaction,node_animated_background toneAmber
class node_contact_endpoint,node_resend_service toneMint
class node_visitor toneIndigo
```

## Components

### Portfolio content

- [Portfolio page](https://github.com/rahulde2007/rahuls_world/blob/main/index.html): `index.html`
- [Profile material](https://github.com/rahulde2007/rahuls_world/blob/main/README.md): `README.md`
- [Certificates](https://github.com/rahulde2007/rahuls_world/tree/main/certificate): `certificate`
- [Platform logos](https://github.com/rahulde2007/rahuls_world/tree/main/assets/platform-logos): `assets/platform-logos`

### Browser experience

- [Page interactions](https://github.com/rahulde2007/rahuls_world/blob/main/script.js): `script.js`
- [Theme and navigation](https://github.com/rahulde2007/rahuls_world/blob/main/script.js): `script.js`
- [Profile chatbot](https://github.com/rahulde2007/rahuls_world/blob/main/script.js): `script.js`
- [ID card interaction](https://github.com/rahulde2007/rahuls_world/blob/main/script.js): `script.js`
- [Animated background](https://github.com/rahulde2007/rahuls_world/blob/main/script.js): `script.js`

### Contact delivery

- [Contact handler](https://github.com/rahulde2007/rahuls_world/blob/main/api/contact.js): `api/contact.js`
- **Resend email**

### Other components

- **Visitor**

## Connections

- Visitor → Portfolio page: views
- Portfolio page → Profile material: presents profile
- Portfolio page → Certificates: presents credentials
- Portfolio page → Platform logos: shows logos
- Portfolio page → Page interactions: runs interactions
- Page interactions → Theme and navigation: handles controls
- Page interactions → Profile chatbot: answers queries
- Page interactions → ID card interaction: handles pointers
- Page interactions → Animated background: draws effects
- Page interactions → Contact handler: submits message
- Contact handler → Resend email: sends email