# remyj4556/wordle architecture

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

## Overview

This is a small browser-based Wordle-style game with a fixed target word and six-round limit. Its runtime logic reads a five-letter guess, evaluates letter matches, and writes feedback into page elements. The tree also includes HTML and CSS, but their contents and how the game loop is invoked were not provided, so those connections are left unspecified; the listed word bank is not used by the sampled logic.

Main entry points: [`wordle.js`](https://github.com/remyj4556/wordle/blob/main/wordle.js) (Game loop), [`index.html`](https://github.com/remyj4556/wordle/blob/main/index.html) (Game page)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_player(("Player"))
node_page["Game page<br/>[index.html]"]
node_styles["Game styles<br/>[styles.css]"]
node_loop["Game loop<br/>[wordle.js]"]
node_input["Guess reader<br/>[wordle.js]"]
node_target["Target word<br/>[wordle.js]"]
node_check["Guess evaluator<br/>[wordle.js]"]
node_feedback["Feedback renderer<br/>[wordle.js]"]
node_round["Round counter<br/>[wordle.js]"]

node_loop -->|"calls"| node_input
node_loop -->|"calls"| node_check
node_loop -->|"calls"| node_feedback
node_loop -->|"updates"| node_round
node_input -->|"reads textbox"| node_page
node_check -->|"compares"| node_target
node_loop -->|"passes results"| node_feedback
node_feedback -->|"writes feedback"| node_page

click node_page "https://github.com/remyj4556/wordle/blob/main/index.html"
click node_styles "https://github.com/remyj4556/wordle/blob/main/styles.css"
click node_loop "https://github.com/remyj4556/wordle/blob/main/wordle.js"
click node_input "https://github.com/remyj4556/wordle/blob/main/wordle.js"
click node_target "https://github.com/remyj4556/wordle/blob/main/wordle.js"
click node_check "https://github.com/remyj4556/wordle/blob/main/wordle.js"
click node_feedback "https://github.com/remyj4556/wordle/blob/main/wordle.js"
click node_round "https://github.com/remyj4556/wordle/blob/main/wordle.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_player toneIndigo
class node_page,node_styles,node_loop,node_input,node_target,node_check,node_feedback,node_round toneTeal
```

## Components

### Other components

- **Player**
- [Game page](https://github.com/remyj4556/wordle/blob/main/index.html): `index.html`
- [Game styles](https://github.com/remyj4556/wordle/blob/main/styles.css): `styles.css`
- [Game loop](https://github.com/remyj4556/wordle/blob/main/wordle.js): `wordle.js`
- [Guess reader](https://github.com/remyj4556/wordle/blob/main/wordle.js): `wordle.js`
- [Target word](https://github.com/remyj4556/wordle/blob/main/wordle.js): `wordle.js`
- [Guess evaluator](https://github.com/remyj4556/wordle/blob/main/wordle.js): `wordle.js`
- [Feedback renderer](https://github.com/remyj4556/wordle/blob/main/wordle.js): `wordle.js`
- [Round counter](https://github.com/remyj4556/wordle/blob/main/wordle.js): `wordle.js`

## Connections

- Game loop → Guess reader: calls
- Game loop → Guess evaluator: calls
- Game loop → Feedback renderer: calls
- Game loop → Round counter: updates
- Guess reader → Game page: reads textbox
- Guess evaluator → Target word: compares
- Game loop → Feedback renderer: passes results
- Feedback renderer → Game page: writes feedback