# mountblue/javascript-full-stack-path architecture

> Architecture diagram of the GitHub repository mountblue/javascript-full-stack-path, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-15). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/mountblue/javascript-full-stack-path
- Repository: https://github.com/mountblue/javascript-full-stack-path

## Overview

This repository is a curriculum roadmap for a JavaScript full-stack learning path, not an application runtime. Its principal workflow is a learner progressing through foundations, JavaScript and asynchronous programming, then web architecture, data, browser UI, frameworks, and searching. The README calls the sequence tentative and documents only the broad topic order; no source excerpts are available to establish finer-grained links between lessons or implementation behavior.

Main entry points: [`4. web-app-architecture/1. web-app-architecture.md`](https://github.com/mountblue/javascript-full-stack-path/blob/master/4.%20web-app-architecture/1.%20web-app-architecture.md) (Web App Architecture), [`4. web-app-architecture/2. express-js.md`](https://github.com/mountblue/javascript-full-stack-path/blob/master/4.%20web-app-architecture/2.%20express-js.md) (Express.js), [`5. databases/1. databases.md`](https://github.com/mountblue/javascript-full-stack-path/blob/master/5.%20databases/1.%20databases.md) (Databases), [`6. html-css/1. basics.md`](https://github.com/mountblue/javascript-full-stack-path/blob/master/6.%20html-css/1.%20basics.md) (HTML and CSS)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_foundations["Development Foundations"]
  node_setup["Development Setup"]
  node_cli["Command Line"]
  node_git["Git"]
  node_markdown["Markdown"]
  node_networks["Computer Networks"]
end

subgraph group_javascript["JavaScript"]
  node_js_basics["JavaScript Basics"]
  node_js_practice["JavaScript Practice"]
  node_js_review["Debugging and Review"]
  node_async["Async JavaScript"]
  node_async_project["Async Project"]
end

subgraph group_web["Web Development"]
  node_architecture["Web App Architecture"]
  node_express["Express.js<br/>[2. express-js.md]"]
  node_databases["Databases<br/>[1. databases.md]"]
  node_html_css["HTML and CSS<br/>[1. basics.md]"]
end

subgraph group_frontend["Frontend and Search"]
  node_dom["JavaScript DOM<br/>[1. dom.md]"]
  node_react["React<br/>[react.md]"]
  node_redux["Redux<br/>[redux.md]"]
  node_searching["Searching<br/>[searching.md]"]
end

node_setup -->|"next topic"| node_cli
node_cli -->|"next topic"| node_git
node_git -->|"next topic"| node_markdown
node_markdown -->|"next topic"| node_networks
node_networks -->|"then JavaScript"| node_js_basics
node_js_basics -.->|"topic sequence"| node_js_practice
node_js_practice -.->|"topic sequence"| node_js_review
node_js_review -->|"then async"| node_async
node_async -.->|"topic sequence"| node_async_project
node_async_project -->|"then architecture"| node_architecture
node_architecture -.->|"topic sequence"| node_express
node_express -->|"then databases"| node_databases
node_databases -->|"then HTML CSS"| node_html_css
node_html_css -->|"then DOM"| node_dom
node_dom -->|"then React"| node_react
node_react -->|"then Redux"| node_redux
node_redux -->|"then searching"| node_searching

click node_architecture "https://github.com/mountblue/javascript-full-stack-path/blob/master/4.%20web-app-architecture/1.%20web-app-architecture.md"
click node_express "https://github.com/mountblue/javascript-full-stack-path/blob/master/4.%20web-app-architecture/2.%20express-js.md"
click node_databases "https://github.com/mountblue/javascript-full-stack-path/blob/master/5.%20databases/1.%20databases.md"
click node_html_css "https://github.com/mountblue/javascript-full-stack-path/blob/master/6.%20html-css/1.%20basics.md"
click node_dom "https://github.com/mountblue/javascript-full-stack-path/blob/master/7.%20javascript-dom/1.%20dom.md"
click node_react "https://github.com/mountblue/javascript-full-stack-path/blob/master/8.%20react/react.md"
click node_redux "https://github.com/mountblue/javascript-full-stack-path/blob/master/9.%20redux/redux.md"
click node_searching "https://github.com/mountblue/javascript-full-stack-path/blob/master/10.%20searching/searching.md"

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_setup,node_cli,node_git,node_markdown,node_networks toneBlue
class node_js_basics,node_js_practice,node_js_review,node_async,node_async_project toneAmber
class node_architecture,node_express,node_databases,node_html_css toneMint
class node_dom,node_react,node_redux,node_searching toneRose
```

## Components

### Development Foundations

- **Development Setup**
- **Command Line**
- **Git**
- **Markdown**
- **Computer Networks**

### JavaScript

- **JavaScript Basics**
- **JavaScript Practice**
- **Debugging and Review**
- **Async JavaScript**
- **Async Project**

### Web Development

- [Web App Architecture](https://github.com/mountblue/javascript-full-stack-path/blob/master/4.%20web-app-architecture/1.%20web-app-architecture.md): `4. web-app-architecture/1. web-app-architecture.md`
- [Express.js](https://github.com/mountblue/javascript-full-stack-path/blob/master/4.%20web-app-architecture/2.%20express-js.md): `4. web-app-architecture/2. express-js.md`
- [Databases](https://github.com/mountblue/javascript-full-stack-path/blob/master/5.%20databases/1.%20databases.md): `5. databases/1. databases.md`
- [HTML and CSS](https://github.com/mountblue/javascript-full-stack-path/blob/master/6.%20html-css/1.%20basics.md): `6. html-css/1. basics.md`

### Frontend and Search

- [JavaScript DOM](https://github.com/mountblue/javascript-full-stack-path/blob/master/7.%20javascript-dom/1.%20dom.md): `7. javascript-dom/1. dom.md`
- [React](https://github.com/mountblue/javascript-full-stack-path/blob/master/8.%20react/react.md): `8. react/react.md`
- [Redux](https://github.com/mountblue/javascript-full-stack-path/blob/master/9.%20redux/redux.md): `9. redux/redux.md`
- [Searching](https://github.com/mountblue/javascript-full-stack-path/blob/master/10.%20searching/searching.md): `10. searching/searching.md`

## Connections

- Development Setup → Command Line: next topic (evidence: `README.md`)
- Command Line → Git: next topic (evidence: `README.md`)
- Git → Markdown: next topic (evidence: `README.md`)
- Markdown → Computer Networks: next topic (evidence: `README.md`)
- Computer Networks → JavaScript Basics: then JavaScript (evidence: `README.md`)
- JavaScript Basics → JavaScript Practice: topic sequence
- JavaScript Practice → Debugging and Review: topic sequence
- Debugging and Review → Async JavaScript: then async (evidence: `README.md`)
- Async JavaScript → Async Project: topic sequence
- Async Project → Web App Architecture: then architecture (evidence: `README.md`)
- Web App Architecture → Express.js: topic sequence
- Express.js → Databases: then databases (evidence: `README.md`)
- Databases → HTML and CSS: then HTML CSS (evidence: `README.md`)
- HTML and CSS → JavaScript DOM: then DOM (evidence: `README.md`)
- JavaScript DOM → React: then React (evidence: `README.md`)
- React → Redux: then Redux (evidence: `README.md`)
- Redux → Searching: then searching (evidence: `README.md`)