How scratcher42/site-web works
This is a Vue website for a creator’s channel. Visitors use the navigation to reach an introduction, social-link page, favorites page, legal notices, and changelog; the router selects the page shown inside the shared shell. Sampled code also shows interactive color changes on several pages and hover audio on link cards. The Linktree and favorites components are present in the tree, but their implementations were not sampled, so their internal wiring is not asserted.
Main entry points: route.js Route table · App.vue App shell · main.js Vue entry · randomColorProvider.js Random color
Components 17
Application shell
- Vue entry
src/main.js - App shell
src/App.vue - Route table
src/route.js - Navigation bar
src/components/NavBar.vue - Site footer
src/components/MyFooter.vue
Site pages
- Home page
src/components/Home.vue - Linktree page
src/components/LinksList.vue - Favorites page
src/components/CoupCoeur.vue - Legal page
src/components/Legal.vue - Changelog page
src/components/Changelogs.vue - Not found
src/components/NotFound.vue - Social link card
src/components/LinkBox.vue
Page services
- Social link data
src/services/socialMediasService.js - Random color
src/services/randomColorProvider.js - Hover sound
src/sounds/lily_atk_01.ogg
Other components
- Visitor
- External social sites
Connections 18
- Visitor → Vue entry: opens site
- Vue entry → App shell: creates app
- Vue entry → Route table: installs router
- App shell → Navigation bar: renders
- App shell → Route table: shows route view
- App shell → Site footer: renders
- Navigation bar → Route table: navigates
- Route table → Home page: routes to
- Route table → Linktree page: routes to
- Route table → Favorites page: routes to
- Route table → Legal page: routes to
- Route table → Changelog page: routes to
- Route table → Not found: routes to
- Home page → Random color: requests color
- Legal page → Random color: requests color
- Changelog page → Random color: requests color
- Social link card → Hover sound: plays on hover
- Social link card → External social sites: opens link