# harshmishra2/vybe-hm architecture

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

- Interactive diagram: https://gitdiagram.com/harshmishra2/vybe-hm
- Repository: https://github.com/harshmishra2/vybe-hm

## Overview

Vybe is described as a real-time social discussion platform built with Next.js, Spring Boot, and PostgreSQL. The available source, however, shows a generated Next.js landing page and a Spring Boot application entry point, not discussion, real-time, or persistence workflows. The graph therefore maps only the visible runtime structure and documented technology; no user-to-discussion flow or frontend/backend integration is evidenced.

Main entry points: [`frontend/app/layout.tsx`](https://github.com/harshmishra2/vybe-hm/blob/main/frontend/app/layout.tsx) (Root layout), [`frontend/app/page.tsx`](https://github.com/harshmishra2/vybe-hm/blob/main/frontend/app/page.tsx) (Starter home page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_web["Web interface"]
  node_home["Starter home page<br/>[page.tsx]"]
  node_layout["Root layout<br/>[layout.tsx]"]
end

subgraph group_server["Server runtime"]
  node_boot["Spring Boot entry"]
end

node_postgres[("PostgreSQL")]

node_layout -->|"renders children"| node_home

click node_home "https://github.com/harshmishra2/vybe-hm/blob/main/frontend/app/page.tsx"
click node_layout "https://github.com/harshmishra2/vybe-hm/blob/main/frontend/app/layout.tsx"
click node_boot "https://github.com/harshmishra2/vybe-hm/blob/main/backend/src/main/java/com/vybe/backend/BackendApplication.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_home,node_layout toneBlue
class node_boot,node_postgres toneAmber
```

## Components

### Web interface

- [Starter home page](https://github.com/harshmishra2/vybe-hm/blob/main/frontend/app/page.tsx): `frontend/app/page.tsx`
- [Root layout](https://github.com/harshmishra2/vybe-hm/blob/main/frontend/app/layout.tsx): `frontend/app/layout.tsx`

### Server runtime

- [Spring Boot entry](https://github.com/harshmishra2/vybe-hm/blob/main/backend/src/main/java/com/vybe/backend/BackendApplication.java): `backend/src/main/java/com/vybe/backend/BackendApplication.java`

### Other components

- **PostgreSQL**

## Connections

- Root layout → Starter home page: renders children (evidence: `frontend/app/layout.tsx`)