# naseemchoudhary/javascriptbasicprojects architecture

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

- Interactive diagram: https://gitdiagram.com/naseemchoudhary/javascriptbasicprojects
- Repository: https://github.com/naseemchoudhary/javascriptbasicprojects

## Overview

This repository is a launcher and collection of independent, lightweight vanilla-JavaScript browser projects, not one shared application. The principal workflow is that a visitor opens the root launcher, chooses a project, and uses its standalone page to get a result—such as a conversion, generated value, saved item, game outcome, or displayed information. The graph groups the projects by user-facing purpose; it does not imply shared runtime code. Project links are supported by the README; most individual page-to-script wiring was not sampled.

Main entry points: [`index.html`](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/index.html) (Project Launcher), [`AnalogClock/index.js`](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/AnalogClock/index.js) (Analog Clock), [`Digital_Clock/index.js`](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Digital_Clock/index.js) (Digital Clock), [`StopWatch/index.js`](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/StopWatch/index.js) (Stopwatch)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_time["Time Displays"]
  node_analog["Analog Clock<br/>[index.js]"]
  node_digital["Digital Clock<br/>[index.js]"]
  node_stopwatch["Stopwatch<br/>[index.js]"]
  node_timer["Countdown Timer<br/>[index.js]"]
end

subgraph group_utilities["Utilities"]
  node_calculator["Calculator<br/>[index.js]"]
  node_stringcalc["String Calculator<br/>[index.js]"]
  node_currency["Currency Calculator<br/>[index.js]"]
  node_temperature["Temperature Converter<br/>[index.js]"]
  node_randomnum["Random Number Generator<br/>[index.js]"]
  node_passwordgen["Password Generator<br/>[index.js]"]
  node_passwordcheck["Password Validator<br/>[index.js]"]
  node_counter["Number Counter<br/>[index.js]"]
  node_colors["Color Palette Generator<br/>[index.js]"]
end

subgraph group_games["Games"]
  node_memory["Memory Card Game<br/>[index.js]"]
  node_guess["Number Guessing Game<br/>[index.js]"]
  node_rps["Rock Paper Scissors<br/>[index.js]"]
  node_snake["Snake Game<br/>[index.js]"]
  node_sudoku["Sudoku Game<br/>[index.js]"]
  node_tictactoe["Tic-Tac-Toe<br/>[index.js]"]
end

subgraph group_apps["Interactive Apps"]
  node_expense["Expense Tracker<br/>[index.js]"]
  node_notes["Notes App<br/>[index.js]"]
  node_todo["To-Do List<br/>[index.js]"]
  node_quotes["Quote Generator<br/>[index.js]"]
  node_weather["Weather Dashboard<br/>[index.js]"]
  node_slider["Image Slider<br/>[index.js]"]
  node_showhide["Password Visibility<br/>[index.js]"]
  node_birthday["Birthday Greeting<br/>[index.js]"]
  node_birthday_special["Birthday Effects<br/>[index.js]"]
end

subgraph group_sites["Sites"]
  node_portfolio["Portfolio Site<br/>[index.html]"]
end

node_visitor(("Visitor"))
node_launcher["Project Launcher<br/>[index.html]"]

node_visitor -->|"opens"| node_launcher
node_launcher -->|"links to"| node_analog
node_launcher -->|"links to"| node_digital
node_launcher -->|"links to"| node_stopwatch
node_launcher -->|"links to"| node_timer
node_launcher -->|"links to"| node_calculator
node_launcher -->|"links to"| node_stringcalc
node_launcher -->|"links to"| node_currency
node_launcher -->|"links to"| node_temperature
node_launcher -->|"links to"| node_randomnum
node_launcher -->|"links to"| node_passwordgen
node_launcher -->|"links to"| node_passwordcheck
node_launcher -->|"links to"| node_counter
node_launcher -->|"links to"| node_colors
node_launcher -->|"links to"| node_expense
node_launcher -->|"links to"| node_notes
node_launcher -->|"links to"| node_todo
node_launcher -->|"links to"| node_quotes
node_launcher -->|"links to"| node_weather
node_launcher -->|"links to"| node_slider
node_launcher -->|"links to"| node_showhide
node_launcher -->|"links to"| node_birthday
node_launcher -->|"links to"| node_birthday_special
node_launcher -->|"links to"| node_memory
node_launcher -->|"links to"| node_guess
node_launcher -->|"links to"| node_rps
node_launcher -->|"links to"| node_snake
node_launcher -->|"links to"| node_sudoku
node_launcher -->|"links to"| node_tictactoe
node_launcher -->|"links to"| node_portfolio

click node_launcher "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/index.html"
click node_analog "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/AnalogClock/index.js"
click node_digital "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Digital_Clock/index.js"
click node_stopwatch "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/StopWatch/index.js"
click node_timer "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Timer/index.js"
click node_calculator "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Calculator/index.js"
click node_stringcalc "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/StringCalculator/index.js"
click node_currency "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/CurrencyCalculator/index.js"
click node_temperature "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Temprature_Converter/index.js"
click node_randomnum "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Random_Number_Generator/index.js"
click node_passwordgen "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Random_Password_Generator/index.js"
click node_passwordcheck "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/PasswordValidator/index.js"
click node_counter "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Number_Counter/index.js"
click node_colors "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Color_Pallet_Generator/index.js"
click node_expense "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/ExpenseTracker/index.js"
click node_notes "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Notes/index.js"
click node_todo "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/To-Do-List/index.js"
click node_quotes "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/QuoteGenerator/index.js"
click node_weather "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/WeatherApp/index.js"
click node_slider "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/ImageSlider/index.js"
click node_showhide "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/ShowHidePassword/index.js"
click node_birthday "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Birthday_Project/index.js"
click node_birthday_special "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/BirthdaySpecial/index.js"
click node_memory "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/MemoryCardGame/index.js"
click node_guess "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Number%20Guessing%20game/index.js"
click node_rps "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Rock-Paper-Sisscor/index.js"
click node_snake "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/SnakeGame%20/index.js"
click node_sudoku "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/SukudoGame/index.js"
click node_tictactoe "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Tic-Tac-Toe/index.js"
click node_portfolio "https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Portfolio/index.html"

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_analog,node_digital,node_stopwatch,node_timer toneBlue
class node_calculator,node_stringcalc,node_currency,node_temperature,node_randomnum,node_passwordgen,node_passwordcheck,node_counter,node_colors toneAmber
class node_memory,node_guess,node_rps,node_snake,node_sudoku,node_tictactoe toneMint
class node_expense,node_notes,node_todo,node_quotes,node_weather,node_slider,node_showhide,node_birthday,node_birthday_special toneRose
class node_portfolio,node_visitor toneIndigo
class node_launcher toneTeal
```

## Components

### Time Displays

- [Analog Clock](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/AnalogClock/index.js): `AnalogClock/index.js`
- [Digital Clock](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Digital_Clock/index.js): `Digital_Clock/index.js`
- [Stopwatch](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/StopWatch/index.js): `StopWatch/index.js`
- [Countdown Timer](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Timer/index.js): `Timer/index.js`

### Utilities

- [Calculator](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Calculator/index.js): `Calculator/index.js`
- [String Calculator](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/StringCalculator/index.js): `StringCalculator/index.js`
- [Currency Calculator](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/CurrencyCalculator/index.js): `CurrencyCalculator/index.js`
- [Temperature Converter](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Temprature_Converter/index.js): `Temprature_Converter/index.js`
- [Random Number Generator](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Random_Number_Generator/index.js): `Random_Number_Generator/index.js`
- [Password Generator](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Random_Password_Generator/index.js): `Random_Password_Generator/index.js`
- [Password Validator](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/PasswordValidator/index.js): `PasswordValidator/index.js`
- [Number Counter](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Number_Counter/index.js): `Number_Counter/index.js`
- [Color Palette Generator](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Color_Pallet_Generator/index.js): `Color_Pallet_Generator/index.js`

### Games

- [Memory Card Game](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/MemoryCardGame/index.js): `MemoryCardGame/index.js`
- [Number Guessing Game](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Number%20Guessing%20game/index.js): `Number Guessing game/index.js`
- [Rock Paper Scissors](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Rock-Paper-Sisscor/index.js): `Rock-Paper-Sisscor/index.js`
- [Snake Game](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/SnakeGame%20/index.js): `SnakeGame /index.js`
- [Sudoku Game](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/SukudoGame/index.js): `SukudoGame/index.js`
- [Tic-Tac-Toe](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Tic-Tac-Toe/index.js): `Tic-Tac-Toe/index.js`

### Interactive Apps

- [Expense Tracker](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/ExpenseTracker/index.js): `ExpenseTracker/index.js`
- [Notes App](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Notes/index.js): `Notes/index.js`
- [To-Do List](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/To-Do-List/index.js): `To-Do-List/index.js`
- [Quote Generator](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/QuoteGenerator/index.js): `QuoteGenerator/index.js`
- [Weather Dashboard](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/WeatherApp/index.js): `WeatherApp/index.js`
- [Image Slider](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/ImageSlider/index.js): `ImageSlider/index.js`
- [Password Visibility](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/ShowHidePassword/index.js): `ShowHidePassword/index.js`
- [Birthday Greeting](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Birthday_Project/index.js): `Birthday_Project/index.js`
- [Birthday Effects](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/BirthdaySpecial/index.js): `BirthdaySpecial/index.js`

### Sites

- [Portfolio Site](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/Portfolio/index.html): `Portfolio/index.html`

### Other components

- **Visitor**
- [Project Launcher](https://github.com/naseemchoudhary/javascriptbasicprojects/blob/main/index.html): `index.html`

## Connections

- Visitor → Project Launcher: opens (evidence: `README.md`)
- Project Launcher → Analog Clock: links to (evidence: `README.md`)
- Project Launcher → Digital Clock: links to (evidence: `README.md`)
- Project Launcher → Stopwatch: links to (evidence: `README.md`)
- Project Launcher → Countdown Timer: links to (evidence: `README.md`)
- Project Launcher → Calculator: links to (evidence: `README.md`)
- Project Launcher → String Calculator: links to (evidence: `README.md`)
- Project Launcher → Currency Calculator: links to (evidence: `README.md`)
- Project Launcher → Temperature Converter: links to (evidence: `README.md`)
- Project Launcher → Random Number Generator: links to (evidence: `README.md`)
- Project Launcher → Password Generator: links to (evidence: `README.md`)
- Project Launcher → Password Validator: links to (evidence: `README.md`)
- Project Launcher → Number Counter: links to (evidence: `README.md`)
- Project Launcher → Color Palette Generator: links to (evidence: `README.md`)
- Project Launcher → Expense Tracker: links to (evidence: `README.md`)
- Project Launcher → Notes App: links to (evidence: `README.md`)
- Project Launcher → To-Do List: links to (evidence: `README.md`)
- Project Launcher → Quote Generator: links to (evidence: `README.md`)
- Project Launcher → Weather Dashboard: links to (evidence: `README.md`)
- Project Launcher → Image Slider: links to (evidence: `README.md`)
- Project Launcher → Password Visibility: links to (evidence: `README.md`)
- Project Launcher → Birthday Greeting: links to (evidence: `README.md`)
- Project Launcher → Birthday Effects: links to (evidence: `README.md`)
- Project Launcher → Memory Card Game: links to (evidence: `README.md`)
- Project Launcher → Number Guessing Game: links to (evidence: `README.md`)
- Project Launcher → Rock Paper Scissors: links to (evidence: `README.md`)
- Project Launcher → Snake Game: links to (evidence: `README.md`)
- Project Launcher → Sudoku Game: links to (evidence: `README.md`)
- Project Launcher → Tic-Tac-Toe: links to (evidence: `README.md`)
- Project Launcher → Portfolio Site: links to (evidence: `README.md`)