How orangefixdev/kuya-bai-baybayin-translator works
Kuya Bai is a browser-based Baybayin learning site and Tagalog-to-Baybayin translator. Its main workflow takes a visitor’s text, converts it in the page, then lets them preview, share, or download an image of the result. The site also documents learning materials, games, and resources as distinct capabilities, though their page implementations were not sampled. The graph shows the translator and image-generation behavior visible in JavaScript; links among learning pages are omitted where excerpts do not establish them.
Main entry points: index.html Translator page · index.js Text conversion · baybayin Baybayin lessons · games/index.html Games
Components 15
Translation
- Translator page
index.html - Text conversion
js/index.js - Baybayin result
js/index.js
Image output
- Image canvas
js/index.js - Image rendering
js/index.js - Image download
js/index.js
Learning content
- Baybayin lessons
baybayin - Games
games/index.html - Worksheets
assets/kuya-bai-worksheets-2023ed.pdf - Resources
resources/index.html
Site pages
- New experience
new/index.html - Downloads page
downloads/index.html - Privacy page
privacy.html - Terms page
terms.html
Other components
- Visitor
Connections 15
- Visitor → Translator page: enters
README.md - Translator page → Text conversion: loads
- Text conversion → Baybayin result: converts
js/index.js - Translator page → Image canvas: provides input
- Text conversion → Image rendering: calls
js/index.js - Image rendering → Image canvas: draws
js/index.js - Image rendering → Image download: triggers
js/index.js - Visitor → Baybayin lessons: learns
README.md - Visitor → Games: plays
README.md - Visitor → Worksheets: downloads
- Visitor → Resources: opens
- Visitor → New experience: visits
- Visitor → Downloads page: visits
- Visitor → Privacy page: visits
- Visitor → Terms page: visits