How goodnestraced/goodnestrace works
Goodnestrace is a browser-based portfolio site. Its main workflow is hash-based navigation: the app initializes the router, which fetches a page fragment and inserts it into the app area; translations are then reapplied. Separate modules provide Discord presence, background music, and animated particles. The README gives no capability detail, so this map relies on the sampled JavaScript and tree; page content is represented by its existing HTML paths, without inferring additional behavior from unsampled markup.
Main entry points: router.js Hash router · app.js App initializer · lanyard.js Discord presence · i18n.js Translation manager
Components 14
Site navigation
- App initializer
js/app.js - Hash router
js/router.js
Portfolio pages
- Home page
pages/home.html - Services page
pages/services.html - Projects page
pages/projects.html - Contact page
pages/contact.html
Interactive features
- Discord presence
js/lanyard.js - Background music
js/music.js - Particle background
js/particles.js
Localization
- Translation manager
js/i18n.js - English translations
languages/en.json - Spanish translations
languages/es.json
Other components
- Visitor
- Lanyard service
Connections 16
- App initializer → Particle background: initializes
js/app.js - App initializer → Translation manager: initializes
js/app.js - App initializer → Hash router: initializes
js/app.js - App initializer → Discord presence: initializes
js/app.js - App initializer → Background music: initializes
js/app.js - Visitor → Hash router: changes route
js/router.js - Hash router → Home page: fetches fragment
js/router.js - Hash router → Services page: fetches fragment
js/router.js - Hash router → Projects page: fetches fragment
js/router.js - Hash router → Contact page: fetches fragment
js/router.js - Hash router → Translation manager: reapplies translations
js/router.js - Discord presence → Lanyard service: subscribes
js/lanyard.js - Discord presence → Home page: updates presence UI
js/lanyard.js - Discord presence → Contact page: updates presence UI
js/lanyard.js - Translation manager → English translations: loads on selection
js/i18n.js - Translation manager → Spanish translations: loads on selection
js/i18n.js