# prayaggaikwad96/full-stack-development architecture

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

- Interactive diagram: https://gitdiagram.com/prayaggaikwad96/full-stack-development
- Repository: https://github.com/prayaggaikwad96/full-stack-development

## Overview

This repository is primarily a collection of static HTML learning examples, practice files, and small projects—not a sampled application runtime. The likely workflow is that a learner opens a page and studies or practices a web-development topic. The tree shows broad content areas, but the README is only a title and no HTML pages were excerpted, so links between pages or specific navigation behavior cannot be verified; dashed edges indicate this limitation.

Main entry points: [`App.html`](https://github.com/prayaggaikwad96/full-stack-development/blob/main/App.html) (App page), [`app.html`](https://github.com/prayaggaikwad96/full-stack-development/blob/main/app.html) (App page), [`Learnings`](https://github.com/prayaggaikwad96/full-stack-development/tree/main/Learnings) (Learning examples), [`04_Link_3Musketeers.html`](https://github.com/prayaggaikwad96/full-stack-development/blob/main/04_Link_3Musketeers.html) (Root examples)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_learning["HTML learnings"]
  node_app_upper["App page<br/>[App.html]"]
  node_app_lower["App page<br/>[app.html]"]
  node_learning_pages["Learning examples"]
  node_root_examples["Root examples"]
  node_html_forms["Forms examples<br/>[58 HTML FORMS.html]"]
  node_html_media["Media examples<br/>[64 Media Tags.html]"]
  node_html_semantics["Semantic examples"]
  node_html_navigation["Navigation example"]
end

subgraph group_practice["Practice files"]
  node_practice_pages["Practice examples"]
  node_practice_tables["Table practice<br/>[09_Table_HTML.html]"]
  node_practice_images["Image practice"]
end

subgraph group_projects["HTML projects"]
  node_project_pages["Portfolio projects"]
  node_resume["Resume project"]
  node_tribute["Tribute project"]
  node_color_project["Color project"]
end

subgraph group_code["Code exercises"]
  node_python_exercises["Python exercises<br/>[loop.py]"]
  node_cpp_exercise["C++ exercise<br/>[one.cpp]"]
end

node_learner(("Learner"))

node_learner -.->|"opens"| node_app_upper
node_learner -.->|"opens"| node_app_lower
node_learner -.->|"studies"| node_learning_pages
node_learner -.->|"studies"| node_root_examples
node_learner -.->|"practices"| node_practice_pages
node_learner -.->|"views"| node_project_pages
node_learner -.->|"studies"| node_python_exercises
node_learner -.->|"practices"| node_cpp_exercise

click node_app_upper "https://github.com/prayaggaikwad96/full-stack-development/blob/main/App.html"
click node_app_lower "https://github.com/prayaggaikwad96/full-stack-development/blob/main/app.html"
click node_learning_pages "https://github.com/prayaggaikwad96/full-stack-development/tree/main/Learnings"
click node_root_examples "https://github.com/prayaggaikwad96/full-stack-development/blob/main/04_Link_3Musketeers.html"
click node_html_forms "https://github.com/prayaggaikwad96/full-stack-development/blob/main/58%20HTML%20FORMS.html"
click node_html_media "https://github.com/prayaggaikwad96/full-stack-development/blob/main/64%20Media%20Tags.html"
click node_html_semantics "https://github.com/prayaggaikwad96/full-stack-development/blob/main/51%20HTML%20Semantic%20Article.html"
click node_html_navigation "https://github.com/prayaggaikwad96/full-stack-development/blob/main/71%20HTML%20Navigation%20Bar.html"
click node_practice_pages "https://github.com/prayaggaikwad96/full-stack-development/tree/main/Practice"
click node_practice_tables "https://github.com/prayaggaikwad96/full-stack-development/blob/main/Practice/09_Table_HTML.html"
click node_practice_images "https://github.com/prayaggaikwad96/full-stack-development/blob/main/Practice/03_Link_Images.html"
click node_project_pages "https://github.com/prayaggaikwad96/full-stack-development/tree/main/Projects"
click node_resume "https://github.com/prayaggaikwad96/full-stack-development/blob/main/Projects/Project_01_Resume.html"
click node_tribute "https://github.com/prayaggaikwad96/full-stack-development/blob/main/Projects/Project_02_Tribute_Page.html"
click node_color_project "https://github.com/prayaggaikwad96/full-stack-development/blob/main/Projects/Project_03_Collor_Palete.html"
click node_python_exercises "https://github.com/prayaggaikwad96/full-stack-development/blob/main/Learnings/loop.py/loop.py"
click node_cpp_exercise "https://github.com/prayaggaikwad96/full-stack-development/blob/main/Practice/one.cpp"

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_upper,node_app_lower,node_learning_pages,node_root_examples,node_html_forms,node_html_media,node_html_semantics,node_html_navigation toneBlue
class node_practice_pages,node_practice_tables,node_practice_images toneAmber
class node_project_pages,node_resume,node_tribute,node_color_project toneMint
class node_python_exercises,node_cpp_exercise toneRose
class node_learner toneIndigo
```

## Components

### HTML learnings

- [App page](https://github.com/prayaggaikwad96/full-stack-development/blob/main/App.html): `App.html`
- [App page](https://github.com/prayaggaikwad96/full-stack-development/blob/main/app.html): `app.html`
- [Learning examples](https://github.com/prayaggaikwad96/full-stack-development/tree/main/Learnings): `Learnings`
- [Root examples](https://github.com/prayaggaikwad96/full-stack-development/blob/main/04_Link_3Musketeers.html): `04_Link_3Musketeers.html`
- [Forms examples](https://github.com/prayaggaikwad96/full-stack-development/blob/main/58%20HTML%20FORMS.html): `58 HTML FORMS.html`
- [Media examples](https://github.com/prayaggaikwad96/full-stack-development/blob/main/64%20Media%20Tags.html): `64 Media Tags.html`
- [Semantic examples](https://github.com/prayaggaikwad96/full-stack-development/blob/main/51%20HTML%20Semantic%20Article.html): `51 HTML Semantic Article.html`
- [Navigation example](https://github.com/prayaggaikwad96/full-stack-development/blob/main/71%20HTML%20Navigation%20Bar.html): `71 HTML Navigation Bar.html`

### Practice files

- [Practice examples](https://github.com/prayaggaikwad96/full-stack-development/tree/main/Practice): `Practice`
- [Table practice](https://github.com/prayaggaikwad96/full-stack-development/blob/main/Practice/09_Table_HTML.html): `Practice/09_Table_HTML.html`
- [Image practice](https://github.com/prayaggaikwad96/full-stack-development/blob/main/Practice/03_Link_Images.html): `Practice/03_Link_Images.html`

### HTML projects

- [Portfolio projects](https://github.com/prayaggaikwad96/full-stack-development/tree/main/Projects): `Projects`
- [Resume project](https://github.com/prayaggaikwad96/full-stack-development/blob/main/Projects/Project_01_Resume.html): `Projects/Project_01_Resume.html`
- [Tribute project](https://github.com/prayaggaikwad96/full-stack-development/blob/main/Projects/Project_02_Tribute_Page.html): `Projects/Project_02_Tribute_Page.html`
- [Color project](https://github.com/prayaggaikwad96/full-stack-development/blob/main/Projects/Project_03_Collor_Palete.html): `Projects/Project_03_Collor_Palete.html`

### Code exercises

- [Python exercises](https://github.com/prayaggaikwad96/full-stack-development/blob/main/Learnings/loop.py/loop.py): `Learnings/loop.py/loop.py`
- [C++ exercise](https://github.com/prayaggaikwad96/full-stack-development/blob/main/Practice/one.cpp): `Practice/one.cpp`

### Other components

- **Learner**

## Connections

- Learner → App page: opens
- Learner → App page: opens
- Learner → Learning examples: studies
- Learner → Root examples: studies
- Learner → Practice examples: practices
- Learner → Portfolio projects: views
- Learner → Python exercises: studies
- Learner → C++ exercise: practices