# shivborse6/oibsip architecture

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

## Overview

This repository contains three standalone browser projects: a landing page, a personal portfolio, and a temperature converter. The converter’s workflow is to enter a value and unit, trigger conversion, validate the input and absolute-zero limit, then display Celsius, Fahrenheit, and Kelvin results. Its sampled script confirms the event handling and DOM updates. The HTML and CSS files for all projects are present, but their contents and the README were not available to confirm page capabilities or wiring.

Main entry points: [`WebDev-L1-TemperatureConverter/index.html`](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-TemperatureConverter/index.html) (Converter Interface), [`WebDev-L1-TemperatureConverter/script.js`](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-TemperatureConverter/script.js) (Conversion Logic), [`WebDev-L1-LandingPage/index.html`](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-LandingPage/index.html) (Landing Page), [`WebDev-L1-PersonalPortfolio/index.html`](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-PersonalPortfolio/index.html) (Portfolio Page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_landing["Landing Page"]
  node_landing_page["Landing Page<br/>[index.html]"]
  node_landing_style["Page Styles<br/>[style.css]"]
end

subgraph group_portfolio["Personal Portfolio"]
  node_portfolio_page["Portfolio Page<br/>[index.html]"]
  node_portfolio_style["Page Styles<br/>[style.css]"]
end

subgraph group_converter["Temperature Converter"]
  node_converter_page["Converter Interface<br/>[index.html]"]
  node_converter_style["Page Styles<br/>[style.css]"]
  node_converter_logic["Conversion Logic<br/>[script.js]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_landing_page
node_visitor -->|"opens"| node_portfolio_page
node_visitor -->|"opens"| node_converter_page
node_converter_page -->|"triggers events"| node_converter_logic
node_converter_logic -->|"reads and updates"| node_converter_page

click node_landing_page "https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-LandingPage/index.html"
click node_landing_style "https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-LandingPage/style.css"
click node_portfolio_page "https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-PersonalPortfolio/index.html"
click node_portfolio_style "https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-PersonalPortfolio/style.css"
click node_converter_page "https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-TemperatureConverter/index.html"
click node_converter_style "https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-TemperatureConverter/style.css"
click node_converter_logic "https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-TemperatureConverter/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_landing_page,node_landing_style toneBlue
class node_portfolio_page,node_portfolio_style toneAmber
class node_converter_page,node_converter_style,node_converter_logic toneMint
class node_visitor toneIndigo
```

## Components

### Landing Page

- [Landing Page](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-LandingPage/index.html): `WebDev-L1-LandingPage/index.html`
- [Page Styles](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-LandingPage/style.css): `WebDev-L1-LandingPage/style.css`

### Personal Portfolio

- [Portfolio Page](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-PersonalPortfolio/index.html): `WebDev-L1-PersonalPortfolio/index.html`
- [Page Styles](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-PersonalPortfolio/style.css): `WebDev-L1-PersonalPortfolio/style.css`

### Temperature Converter

- [Converter Interface](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-TemperatureConverter/index.html): `WebDev-L1-TemperatureConverter/index.html`
- [Page Styles](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-TemperatureConverter/style.css): `WebDev-L1-TemperatureConverter/style.css`
- [Conversion Logic](https://github.com/shivborse6/oibsip/blob/master/WebDev-L1-TemperatureConverter/script.js): `WebDev-L1-TemperatureConverter/script.js`

### Other components

- **Visitor**

## Connections

- Visitor → Landing Page: opens
- Visitor → Portfolio Page: opens
- Visitor → Converter Interface: opens
- Converter Interface → Conversion Logic: triggers events
- Conversion Logic → Converter Interface: reads and updates