How waraton/html-css-js works
This repository is a portfolio of independent, browser-based JavaScript experiments rather than one integrated application. The recurring user workflow is to open a mini-app, interact with its controls, and see a browser-rendered result; some apps also fetch data from public APIs. The graph groups projects by their apparent purpose and shows only API calls evidenced by sampled source. Many listed projects were not sampled, so their internal wiring is not inferred.
Main entry points: dictionary/app.js Dictionary · BibleSearch/app.js Bible search · simple-calculator/app.js Simple calculator · live_search/app.js Live search
Components 28
Learning & Reference
- Bible search
BibleSearch/app.js - Dictionary
dictionary/app.js - Opposites quiz
opposites/app.js - Data representation
data-representation/app.js - Who am I
whoAmI/app.js
Calculators & Tools
- Base converter
base-converter/app.js - Simple calculator
simple-calculator/app.js - Weight converter
lb-kg-converter.py - Calendar
calender/js/app.js - Digital clock
Digital-clock/clock.js - Linear graph
graph_of_linear_equation/app.js
Visual & Media
- Image editor
image-editing/app.js - Fractal canvas
fractals-canvas/app.js - Image gallery
Gallery/app.js - Image viewer
image_viewer/app.js - Media player
media-player/js.js - Lyric timelines
Lyrical/interactivity.js
Content & Data
- South Sudan flag
south-sudan-flag/app.js - Live search
live_search/app.js - Joke display
jokes/app.js - Meme maker
memes/app.js
Other components
- Browser user
- Browser UI
- Bible API
- Dictionary API
- Random User API
- Dad joke API
- Browser storage
Connections 38
- Browser user → Bible search: searches
- Bible search → Bible API: fetches verse
- Bible search → Browser UI: renders verse
- Browser user → Dictionary: looks up word
- Dictionary → Dictionary API: fetches definition
- Dictionary → Browser UI: renders definition
- Dictionary → Browser storage: caches result
- Browser user → Opposites quiz: answers quiz
- Opposites quiz → Browser UI: updates quiz
- Browser user → Data representation: views data
- Data representation → Browser UI: renders table
- Browser user → Who am I: opens
- Browser user → Base converter: converts number
- Base converter → Browser UI: shows conversion
- Browser user → Simple calculator: calculates
- Simple calculator → Browser UI: shows answer
- Simple calculator → Browser storage: stores answer
- Browser user → Weight converter: converts weight
- Browser user → Calendar: views calendar
- Browser user → Digital clock: views time
- Browser user → Linear graph: plots equation
- Browser user → Image editor: edits image
- Image editor → Browser UI: updates preview
- Browser user → Fractal canvas: mutates drawing
- Fractal canvas → Browser UI: draws canvas
- Browser user → Image gallery: browses images
- Browser user → Image viewer: views image
- Browser user → Media player: controls playback
- Browser user → Lyric timelines: controls timeline
- Browser user → South Sudan flag: selects palette
- South Sudan flag → Browser UI: updates colors
- Browser user → Live search: filters users
- Live search → Random User API: fetches users
- Live search → Browser UI: renders matches
- Browser user → Joke display: requests joke
- Joke display → Dad joke API: fetches joke
- Joke display → Browser UI: shows joke
- Browser user → Meme maker: creates meme