# js-goodapakam/project-friday architecture

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

- Interactive diagram: https://gitdiagram.com/js-goodapakam/project-friday
- Repository: https://github.com/js-goodapakam/project-friday

## Overview

Friday AI’s repository is a React marketing website, not the business platform it describes. The primary visitor journey is to enter a routed page, explore Friday’s solutions and services, then use the contact form or chat to engage. The graph also preserves the site’s industry, company, and legal content. Route wiring is evidenced by `src/App.tsx`; most page and section internals were not sampled, so their relationships are intentionally limited. The contact form’s submission to Formspree is directly evidenced.

Main entry points: [`src/App.tsx`](https://github.com/js-goodapakam/project-friday/blob/main/src/App.tsx) (Router and shell), [`src/components/Chat/FridayChat.tsx`](https://github.com/js-goodapakam/project-friday/blob/main/src/components/Chat/FridayChat.tsx) (Friday chat), [`src/components/contact/ContactForm.tsx`](https://github.com/js-goodapakam/project-friday/blob/main/src/components/contact/ContactForm.tsx) (Contact form), [`src/components/layout/Header.tsx`](https://github.com/js-goodapakam/project-friday/blob/main/src/components/layout/Header.tsx) (Navigation header)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_navigation["Site navigation"]
  node_app["Router and shell<br/>[App.tsx]"]
  node_header["Navigation header<br/>[Header.tsx]"]
  node_footer["Site footer<br/>[Footer.tsx]"]
end

subgraph group_offerings["Solutions and services"]
  node_home["Home page<br/>[Home.tsx]"]
  node_solutions["Core solutions"]
  node_digital["Digital marketing"]
  node_industries["Industry use cases<br/>[Industries.tsx]"]
end

subgraph group_engagement["Visitor engagement"]
  node_contact["Contact page<br/>[Contact.tsx]"]
  node_contactform["Contact form<br/>[ContactForm.tsx]"]
  node_chat["Friday chat<br/>[FridayChat.tsx]"]
  node_hero["Home hero visual<br/>[HeroVisual.tsx]"]
end

subgraph group_company["Company information"]
  node_team["Team and careers"]
  node_vision["Vision page<br/>[Vision.tsx]"]
  node_legal["Legal pages"]
end

node_visitor(("Site visitor"))
node_formspree["Formspree"]

node_visitor -->|"opens site"| node_app
node_app -->|"renders"| node_header
node_app -->|"renders"| node_footer
node_app -->|"renders"| node_chat
node_app -->|"routes to"| node_home
node_app -->|"routes to"| node_solutions
node_app -->|"routes to"| node_digital
node_app -->|"routes to"| node_industries
node_app -->|"routes to"| node_contact
node_app -->|"routes to"| node_team
node_app -->|"routes to"| node_vision
node_app -->|"routes to"| node_legal
node_visitor -->|"uses navigation"| node_header
node_visitor -->|"submits inquiry"| node_contactform
node_contactform -->|"posts form data"| node_formspree
node_visitor -->|"opens chat"| node_chat
node_hero -->|"dispatches open event"| node_chat

click node_app "https://github.com/js-goodapakam/project-friday/blob/main/src/App.tsx"
click node_header "https://github.com/js-goodapakam/project-friday/blob/main/src/components/layout/Header.tsx"
click node_footer "https://github.com/js-goodapakam/project-friday/blob/main/src/components/layout/Footer.tsx"
click node_home "https://github.com/js-goodapakam/project-friday/blob/main/src/pages/Home.tsx"
click node_solutions "https://github.com/js-goodapakam/project-friday/tree/main/src/pages"
click node_digital "https://github.com/js-goodapakam/project-friday/tree/main/src/pages"
click node_industries "https://github.com/js-goodapakam/project-friday/blob/main/src/pages/Industries.tsx"
click node_contact "https://github.com/js-goodapakam/project-friday/blob/main/src/pages/Contact.tsx"
click node_contactform "https://github.com/js-goodapakam/project-friday/blob/main/src/components/contact/ContactForm.tsx"
click node_chat "https://github.com/js-goodapakam/project-friday/blob/main/src/components/Chat/FridayChat.tsx"
click node_hero "https://github.com/js-goodapakam/project-friday/blob/main/src/components/hero/HeroVisual.tsx"
click node_team "https://github.com/js-goodapakam/project-friday/tree/main/src/pages"
click node_vision "https://github.com/js-goodapakam/project-friday/blob/main/src/pages/Vision.tsx"
click node_legal "https://github.com/js-goodapakam/project-friday/tree/main/src/pages"

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_header,node_footer toneBlue
class node_home,node_solutions,node_digital,node_industries toneAmber
class node_contact,node_contactform,node_chat,node_hero toneMint
class node_team,node_vision,node_legal toneRose
class node_visitor,node_formspree toneIndigo
```

## Components

### Site navigation

- [Router and shell](https://github.com/js-goodapakam/project-friday/blob/main/src/App.tsx): `src/App.tsx`
- [Navigation header](https://github.com/js-goodapakam/project-friday/blob/main/src/components/layout/Header.tsx): `src/components/layout/Header.tsx`
- [Site footer](https://github.com/js-goodapakam/project-friday/blob/main/src/components/layout/Footer.tsx): `src/components/layout/Footer.tsx`

### Solutions and services

- [Home page](https://github.com/js-goodapakam/project-friday/blob/main/src/pages/Home.tsx): `src/pages/Home.tsx`
- [Core solutions](https://github.com/js-goodapakam/project-friday/tree/main/src/pages): `src/pages`
- [Digital marketing](https://github.com/js-goodapakam/project-friday/tree/main/src/pages): `src/pages`
- [Industry use cases](https://github.com/js-goodapakam/project-friday/blob/main/src/pages/Industries.tsx): `src/pages/Industries.tsx`

### Visitor engagement

- [Contact page](https://github.com/js-goodapakam/project-friday/blob/main/src/pages/Contact.tsx): `src/pages/Contact.tsx`
- [Contact form](https://github.com/js-goodapakam/project-friday/blob/main/src/components/contact/ContactForm.tsx): `src/components/contact/ContactForm.tsx`
- [Friday chat](https://github.com/js-goodapakam/project-friday/blob/main/src/components/Chat/FridayChat.tsx): `src/components/Chat/FridayChat.tsx`
- [Home hero visual](https://github.com/js-goodapakam/project-friday/blob/main/src/components/hero/HeroVisual.tsx): `src/components/hero/HeroVisual.tsx`

### Company information

- [Team and careers](https://github.com/js-goodapakam/project-friday/tree/main/src/pages): `src/pages`
- [Vision page](https://github.com/js-goodapakam/project-friday/blob/main/src/pages/Vision.tsx): `src/pages/Vision.tsx`
- [Legal pages](https://github.com/js-goodapakam/project-friday/tree/main/src/pages): `src/pages`

### Other components

- **Site visitor**
- **Formspree**

## Connections

- Site visitor → Router and shell: opens site
- Router and shell → Navigation header: renders
- Router and shell → Site footer: renders
- Router and shell → Friday chat: renders
- Router and shell → Home page: routes to
- Router and shell → Core solutions: routes to
- Router and shell → Digital marketing: routes to
- Router and shell → Industry use cases: routes to
- Router and shell → Contact page: routes to
- Router and shell → Team and careers: routes to
- Router and shell → Vision page: routes to
- Router and shell → Legal pages: routes to
- Site visitor → Navigation header: uses navigation
- Site visitor → Contact form: submits inquiry
- Contact form → Formspree: posts form data
- Site visitor → Friday chat: opens chat
- Home hero visual → Friday chat: dispatches open event